"use client"; import { Minus, Plus } from "lucide-react"; import React, { useState } from "react"; import { FaqProps } from "../../types/landingPage"; const Faq: React.FC = ({ data }) => { const [activeIndex, setActiveIndex] = useState(0); const faqs = (data.faqs || []).map((f) => f._id).filter(Boolean); const toggleAccordion = (index: number) => { setActiveIndex(activeIndex === index ? null : index); }; if (faqs.length === 0) return null; return (
{data.badge || "Faqs"}

{data.title}

{data.description}

{faqs.map((item, index) => (

{item.description}

))}
); }; export default Faq;