import { useTranslations } from "next-intl";
import DownloadCard from "./card";

export function Guides() {
  const t = useTranslations();
  const guides = [
    {
      fileUrl: "/varnix.pdf",
      fileName: t("about.notePPPage.varnix"),
      fileType: "PDF",
      fileSize: "368.51 KB",
    },
    {
      fileUrl: "/ppFlanes.pdf",
      fileName: t("about.notePPPage.ppFlanes"),
      fileType: "PDF",
      fileSize: "368.51 KB",
    },
    {
      fileUrl: "/ppFiting.pdf",
      fileName: t("about.notePPPage.ppFiting"),
      fileType: "PDF",
      fileSize: "368.51 KB",
    },
  ];

  return (
    <div className="grid lg:grid-cols-3 min-[580px]:grid-cols-2 grid-cols-1  gap-4 max-w-7xl mx-auto py-5">
      {guides.map((guide, index) => (
        <DownloadCard
          key={index}
          title={guide.fileName}
          fileType={guide.fileType}
          fileSize={guide.fileSize}
          fileUrl={guide.fileUrl}
        />
      ))}
    </div>
  );
}
