import SectionTitle from "@/components/shared/SectionTitle/Index";
import { DescriptionText, LeadPartnersGrid } from "./components";
import { getTranslations } from "next-intl/server";
import { getPartnersData } from "@/lib/api/partners";

export default async function LeadPartnersSection() {
  const t = await getTranslations("PartnersPage.leadPartners");
  const partnersDataFetch = await getPartnersData();
  const partnersData = partnersDataFetch?.categories_with_partners?.[1];
  const sectionName = partnersData?.name;
  const sectionDescription = partnersData?.description;
  const sectionPartners = partnersData?.partners;

  return (
    <section className="flex flex-col gap-5 sm:gap-10">
      <SectionTitle title={sectionName || t("title")} />
      <DescriptionText description={sectionDescription || t("description")} />
      <LeadPartnersGrid partnersList={sectionPartners || []} />
    </section>
  );
}