import { FaqsList } from "@/components/shared/Faqs";
import SectionTitle from "@/components/shared/SectionTitle/Index";
import { getParticipateData } from "@/lib/api/participate";
import { getTranslations } from "next-intl/server";

export default async function FaqsParticipateSection() {
  const t = await getTranslations("ParticipatePage.faqs");
  const faqsData = await getParticipateData();
  const faqs = faqsData?.questions;

  return (
    <section className="bg-primary-anti_flash_white-main flex flex-col gap-5 md:gap-10">
      <SectionTitle title={t("title")} />
      <FaqsList faqsData={faqs ?? []} />
    </section>
  );
}