'use client';

import {
  Accordion,
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from '@/shared/ui/accordion';
import React from 'react';
import { faqData } from '../lib/data';

const FaqContent = () => {
  return (
    <div className="my-[20px]">
      <div className="custom-container">
        <Accordion type="single" collapsible className="space-y-2">
          {faqData.map(({ id, question, answer }) => (
            <div key={id} className="border rounded-sm px-[10px]">
              <AccordionItem value={id} className="text-accent">
                <AccordionTrigger>{question}</AccordionTrigger>
                <AccordionContent className="text-[13px]">
                  {answer}
                </AccordionContent>
              </AccordionItem>
            </div>
          ))}
        </Accordion>
      </div>
    </div>
  );
};

export default FaqContent;
