{"version":3,"file":"FAQSection.CFdE7AcZ.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/XNaOTWJYYakQXgQ53C9n/ljwPKJPCSbx76AqqPoRL/FAQSection.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";// --- Icons ---\nconst ChevronDown=({color=\"#000\"})=>/*#__PURE__*/_jsx(\"svg\",{width:\"12\",height:\"8\",viewBox:\"0 0 12 8\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M1.5 1.75L6 6.25L10.5 1.75\",stroke:color,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})});const ChevronUp=({color=\"#000\"})=>/*#__PURE__*/_jsx(\"svg\",{width:\"12\",height:\"8\",viewBox:\"0 0 12 8\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M10.5 6.25L6 1.75L1.5 6.25\",stroke:color,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})});const StarIcon=({color=\"#000\"})=>/*#__PURE__*/_jsx(\"svg\",{width:\"14\",height:\"14\",viewBox:\"0 0 14 14\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 0L8.63223 5.36777L14 7L8.63223 8.63223L7 14L5.36777 8.63223L0 7L5.36777 5.36777L7 0Z\",fill:color})});// --- Component ---\n/**\n * FAQ Section\n *\n * @framerIntrinsicWidth 1200\n * @framerIntrinsicHeight 800\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function FAQSection(props){const{badgeText,title,items,primaryColor,backgroundColor,cardBackgroundColor,activeCardBackgroundColor,chevronBackgroundColor,textColor,secondaryTextColor,font,titleFont,padding,cardPadding,sectionGap}=props;const[expandedIndex,setExpandedIndex]=useState(0);const toggleItem=index=>{setExpandedIndex(expandedIndex===index?null:index);};return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",backgroundColor:backgroundColor,display:\"flex\",flexDirection:\"column\",padding:padding,gap:sectionGap,alignItems:\"flex-start\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"24px\",alignItems:\"flex-start\",width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:\"8px\",padding:\"8px 16px\",backgroundColor:cardBackgroundColor,borderRadius:\"100px\",border:\"1px solid rgba(0,0,0,0.05)\"},children:[/*#__PURE__*/_jsx(StarIcon,{color:primaryColor}),/*#__PURE__*/_jsx(\"span\",{style:{...font,fontSize:\"13px\",color:secondaryTextColor,fontWeight:500},children:badgeText})]}),/*#__PURE__*/_jsx(\"h2\",{style:{...titleFont,color:textColor,margin:0,maxWidth:\"600px\"},children:title})]}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",gap:\"20px\"},children:items.map((item,index)=>{const isOpen=expandedIndex===index;return /*#__PURE__*/_jsxs(motion.div,{initial:false,animate:{backgroundColor:isOpen?activeCardBackgroundColor:cardBackgroundColor},style:{borderRadius:\"20px\",overflow:\"hidden\",cursor:\"pointer\"},onClick:()=>toggleItem(index),children:[/*#__PURE__*/_jsxs(\"div\",{style:{padding:cardPadding,display:\"flex\",justifyContent:\"space-between\",alignItems:\"flex-start\",gap:\"20px\"},children:[/*#__PURE__*/_jsx(\"h4\",{style:{...font,fontSize:\"18px\",fontWeight:600,color:textColor,margin:0,lineHeight:\"1.4\"},children:item.question}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"32px\",height:\"32px\",minWidth:\"32px\",backgroundColor:chevronBackgroundColor,borderRadius:\"8px\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",boxShadow:\"0 2px 8px rgba(0,0,0,0.05)\"},children:isOpen?/*#__PURE__*/_jsx(ChevronUp,{color:primaryColor}):/*#__PURE__*/_jsx(ChevronDown,{color:primaryColor})})]}),/*#__PURE__*/_jsx(AnimatePresence,{initial:false,children:isOpen&&/*#__PURE__*/_jsx(motion.div,{initial:{height:0,opacity:0},animate:{height:\"auto\",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:\"easeInOut\"},children:/*#__PURE__*/_jsx(\"div\",{style:{padding:`0 ${cardPadding} ${cardPadding} ${cardPadding}`},children:/*#__PURE__*/_jsx(\"p\",{style:{...font,color:secondaryTextColor,margin:0,lineHeight:\"1.6\"},children:item.answer})})})})]},index);})})]});}// --- Property Controls ---\naddPropertyControls(FAQSection,{badgeText:{type:ControlType.String,title:\"Badge Text\",defaultValue:\"Dataly best SaaS analytics\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Frequently asked questions\",displayTextArea:true},items:{type:ControlType.Array,title:\"Questions\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,defaultValue:\"What is finance analytics?\"},answer:{type:ControlType.String,defaultValue:\"Finance analytics helps you understand your financial data better, so you can make smarter decisions, spot trends, and improve your business strategy.\",displayTextArea:true}}},defaultValue:[{question:\"What is finance analytics and how can it help my business?\",answer:\"Finance analytics helps you understand your financial data better, so you can make smarter decisions, spot trends, and improve your business strategy.\"},{question:\"How do I start using your finance analytics platform?\",answer:\"Simply sign up for an account, connect your data sources, and our platform will automatically begin analyzing your financial information.\"},{question:\"Is my financial data secure with your platform?\",answer:\"Yes, we use bank-level encryption and security protocols to ensure your data is always protected and private.\"},{question:\"Can I integrate with other tools?\",answer:\"Absolutely! We support integrations with major accounting software, payment processors, and CRM systems.\"}]},primaryColor:{type:ControlType.Color,title:\"Accent\",defaultValue:\"#8A5CF5\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\"},cardBackgroundColor:{type:ControlType.Color,title:\"Card BG\",defaultValue:\"#F5F5FA\"},activeCardBackgroundColor:{type:ControlType.Color,title:\"Active BG\",defaultValue:\"#EBEBF5\"},chevronBackgroundColor:{type:ControlType.Color,title:\"Chevron BG\",defaultValue:\"#FFFFFF\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#111111\"},secondaryTextColor:{type:ControlType.Color,title:\"Subtext\",defaultValue:\"#666666\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultValue:{fontSize:\"56px\",fontFamily:\"Inter\",fontWeight:700,lineHeight:\"1.1\",letterSpacing:\"-0.03em\"}},font:{type:ControlType.Font,title:\"Body Font\",controls:\"extended\",defaultValue:{fontSize:\"16px\",fontFamily:\"Inter\",fontWeight:400,lineHeight:\"1.5\"}},padding:{type:ControlType.Padding,title:\"Padding\",defaultValue:\"60px\"},cardPadding:{type:ControlType.Padding,title:\"Card Padding\",defaultValue:\"32px\"},sectionGap:{type:ControlType.Padding,title:\"Section Gap\",defaultValue:\"60px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQSection\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"800\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1200\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQSection.map"],"mappings":"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"}