import {
  Accordion,
  AccordionContent,
  AccordionItem,
} from "@/shared/components/accordion";
import { Typography } from "@/shared/components/typography";

const FAQ = () => {
  return (
    <section className="max-w-6xl mx-auto py-16 px-3">
      <Typography as="h4" variant="H2B" className="mb-3 text-center">
        سوالات متداول
      </Typography>
      <Typography variant="H5R" className="text-center w-full block mb-7">
        توضیحات در این بخش نمایش داده می شود تا کاربر راحت متوجه فرآیند
        شودتوضیحات در این بخش نمایش داده می شود تا کاربر راحت متوجه فرآیند شود.
      </Typography>
      <Accordion multiple={false}>
        {/* {faqList.map((faq: FaqItemType) => (
            <AccordionItem
              accordionItemClass="text-right"
              key={faq?.id}
              id={`${faq?.id}`}
              title={faq.question}
            >
              <AccordionContent accordionContextClass="leading-7">
                {faq.answer}
              </AccordionContent>
            </AccordionItem>
          ))} */}

        <AccordionItem
          accordionItemClass="text-right"
          id={`a1`}
          title={"نحوه ثبت منقاصه به چه شکل می باشد؟"}
        >
          <AccordionContent accordionContextClass="leading-7">
            توضیحات در این بخش نمایش داده می شود تا کاربر راحت متوجه فرآیند
            شودتوضیحات در این بخش نمایش داده می شود تا کاربر راحت متوجه فرآیند
            شود.
          </AccordionContent>
        </AccordionItem>
      </Accordion>
    </section>
  );
};

export default FAQ;
