import {
  AccordionContent,
  AccordionItem,
  AccordionTrigger,
} from "@/components/ui/accordion";
import { FaqCardProps } from "./faqsConfig";

export default function FaqCard({ faq, variant }: FaqCardProps) {
  return (
    <AccordionItem value={`item-${faq.id}`} variant={variant}>
      <AccordionTrigger>{faq.question}</AccordionTrigger>
      <AccordionContent className="flex flex-col gap-4 text-balance">
        <p>{faq.answer}</p>
      </AccordionContent>
    </AccordionItem>
  );
}