import React from 'react';
import { FaFilePdf } from 'react-icons/fa';

import brc from '../pdf/BRC-DATTATRAYA-CORPORATION.pdf';
import ce from '../pdf/CE-DATTATRAYA-CORPORATION.pdf';
import iso9001 from '../pdf/ISO-9001-DATTATRAYA-CORPORATION.pdf';
import iso13485 from '../pdf/ISO-13485-DATTATRAYA-CORPORATION.pdf';
import styles from '../styles/TestReports.module.css';


export default function Certificate() {
  const certificates = [
    { id: 1, title: 'BRC Sanjaya Corporation', file: brc },
    { id: 2, title: 'CE Sanjaya Corporation', file: ce },
    { id: 3, title: 'ISO-9001 Sanjaya Corporation', file: iso9001 },
    { id: 4, title: 'ISO-13485 Sanjaya Corporation', file: iso13485 },
  ];

  return (
    <div className={styles.container}>
      <h1 className={styles.heading}>📜 Our Certifications</h1>

      <div className={styles.grid}>
        {certificates.map((cert) => (
          <div key={cert.id} className={styles.card}>
            <h2 className={styles.cardTitle}>{cert.title}</h2>
            <a href={cert.file} download>
              <button className={styles.button}>
                <FaFilePdf style={{ marginRight: '8px' }} />
                Download PDF
              </button>
            </a>
          </div>
        ))}
      </div>
    </div>
  );
}
