import { AccordionComp } from "@/components/ui/AccordionComp"
import Header from "@/components/views/header/Header"
import { getServerDictionary } from "@/lib/dictionary"
import { images } from "@/lib/images"

const page = async ({ params: { lang } }: { params: { lang: Lang } }) => {
    const locale = await getServerDictionary(lang)

    const crumb = [
        {
            path: `/${lang}`,
            label: locale?.home,
        },
        {
            path: `/${lang}/faqs`,
            label: locale?.faqs,
        },
    ]
    // const data = [
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    //     {
    //         title: locale?.goals,
    //         description: locale?.test_text,
    //     },
    // ]

    return (
        <>
            <Header crumb={crumb} image={images.header} title="faqs" />
            <div className="sectionPadding container">
                <AccordionComp  />
            </div>
        </>
    )
}

export default page