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

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

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