{"version":3,"file":"FAQ.DfLmf7Gw.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/irFjCyk4uqN0fuErSS5E/TyNc009CatpUDGbs4b8Y/FAQ.js"],"sourcesContent":["// User request: ensure FAQ content is immediately visible in static/canvas rendering and never stays hidden if in-view animation doesn't fire, while preserving live scroll-in behavior.\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{useState,useEffect,startTransition}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/**\n * FAQ Section - Animated and Responsive\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function FAQ(props){const{title,items,backgroundColor,questionColor,answerColor,borderColor,accentColor,questionBoxColor,answerBoxColor,titleColor,titleFont,questionFont,answerFont}=props;const[openIndex,setOpenIndex]=useState(null);const isStaticRenderer=useIsStaticRenderer();const[hasVisibilityFallback,setHasVisibilityFallback]=useState(false);const shouldShow=isStaticRenderer||hasVisibilityFallback;useEffect(()=>{if(isStaticRenderer){startTransition(()=>setHasVisibilityFallback(true));return;}if(typeof window===\"undefined\")return;const timeoutId=window.setTimeout(()=>{startTransition(()=>setHasVisibilityFallback(true));},1200);return()=>window.clearTimeout(timeoutId);},[isStaticRenderer]);const toggleItem=index=>{startTransition(()=>{setOpenIndex(openIndex===index?null:index);});};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @media (max-width: 768px) {\n                    .faq-container {\n                        padding: 56px 24px !important;\n                        gap: 12px !important;\n                    }\n                    .faq-title {\n                        margin: 0 0 32px 0 !important;\n                        font-size: 32px !important;\n                    }\n                    .faq-question-button {\n                        padding: 20px 24px !important;\n                        gap: 16px !important;\n                    }\n                    .faq-question-text {\n                        font-size: 16px !important;\n                    }\n                    .faq-answer {\n                        padding: 0 24px 20px 24px !important;\n                        font-size: 14px !important;\n                    }\n                    .faq-icon {\n                        width: 20px !important;\n                        height: 20px !important;\n                    }\n                }\n                @media (max-width: 480px) {\n                    .faq-container {\n                        padding: 40px 16px !important;\n                        gap: 10px !important;\n                    }\n                    .faq-title {\n                        margin: 0 0 24px 0 !important;\n                        font-size: 28px !important;\n                    }\n                    .faq-question-button {\n                        padding: 18px 20px !important;\n                        gap: 12px !important;\n                    }\n                    .faq-question-text {\n                        font-size: 15px !important;\n                    }\n                    .faq-answer {\n                        padding: 0 20px 18px 20px !important;\n                        font-size: 13px !important;\n                    }\n                    .faq-icon {\n                        width: 18px !important;\n                        height: 18px !important;\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"div\",{className:\"faq-container\",style:{width:\"100%\",display:\"flex\",flexDirection:\"column\",gap:20,padding:\"80px 40px 80px 40px\",backgroundColor},children:[/*#__PURE__*/_jsx(motion.h2,{className:\"faq-title\",style:{margin:\"0 0 40px 0\",color:titleColor,textAlign:\"center\",...titleFont},initial:{opacity:0,y:20},animate:shouldShow?{opacity:1,y:0}:undefined,whileInView:shouldShow?undefined:{opacity:1,y:0},viewport:{once:true,margin:\"-50px\"},transition:{duration:.4,ease:[.22,1,.36,1]},children:title}),items.map((item,index)=>{const isOpen=openIndex===index;return /*#__PURE__*/_jsxs(motion.div,{style:{border:`1px solid ${borderColor}`,borderRadius:12,overflow:\"hidden\",backgroundColor:\"#FFFFFF\"},initial:{opacity:0,x:100,scale:.95},animate:shouldShow?{opacity:1,x:0,scale:1}:undefined,whileInView:shouldShow?undefined:{opacity:1,x:0,scale:1},viewport:{once:true,margin:\"-100px\"},transition:{duration:.6,delay:index*.1,ease:[.16,1,.3,1]},children:[/*#__PURE__*/_jsxs(\"button\",{className:\"faq-question-button\",onClick:()=>toggleItem(index),style:{width:\"100%\",padding:\"28px 32px\",display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",gap:24,border:\"none\",background:questionBoxColor,cursor:\"pointer\",textAlign:\"left\"},\"aria-expanded\":isOpen,children:[/*#__PURE__*/_jsx(\"span\",{className:\"faq-question-text\",style:{flex:1,color:questionColor,...questionFont},children:item.question}),/*#__PURE__*/_jsx(motion.div,{animate:{rotate:isOpen?180:0},transition:{duration:.3,ease:\"easeInOut\"},style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flexShrink:0},children:/*#__PURE__*/_jsx(\"svg\",{className:\"faq-icon\",width:\"20\",height:\"20\",viewBox:\"0 0 20 20\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M5 7.5L10 12.5L15 7.5\",stroke:accentColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})})]}),/*#__PURE__*/_jsx(motion.div,{initial:false,animate:{height:isOpen?\"auto\":0,opacity:isOpen?1:0},transition:{height:{duration:.3,ease:\"easeInOut\"},opacity:{duration:.2,ease:\"easeInOut\"}},style:{overflow:\"hidden\",backgroundColor:answerBoxColor},children:/*#__PURE__*/_jsx(\"div\",{className:\"faq-answer\",style:{padding:\"8px 32px 28px 32px\",color:answerColor,...answerFont},children:item.answer})})]},index);})]})]});}addPropertyControls(FAQ,{title:{type:ControlType.String,title:\"Title\",defaultValue:\"FAQ\"},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#000000\"},titleFont:{type:ControlType.Font,title:\"Title Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"}},items:{type:ControlType.Array,title:\"FAQ Items\",control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"What is this?\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"This is an answer to the question.\",displayTextArea:true}}},defaultValue:[{question:\"What is Framer?\",answer:\"Framer is a powerful design and prototyping tool that allows you to create interactive designs and websites without code.\"},{question:\"How do I get started?\",answer:\"Simply sign up for an account, explore the templates, and start building your first project. The interface is intuitive and easy to learn.\"},{question:\"Can I use custom code?\",answer:\"Yes! Framer supports React components, allowing you to extend your designs with custom functionality and interactions.\"},{question:\"Is it responsive?\",answer:\"Absolutely. All designs in Framer are responsive by default, and you have full control over how your content adapts to different screen sizes.\"}]},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F5F5\"},questionColor:{type:ControlType.Color,title:\"Question Color\",defaultValue:\"#000000\"},answerColor:{type:ControlType.Color,title:\"Answer Color\",defaultValue:\"#000000\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#EEEEEE\"},accentColor:{type:ControlType.Color,title:\"Accent Color\",defaultValue:\"#000000\"},questionBoxColor:{type:ControlType.Color,title:\"Question Box Color\",defaultValue:\"#FFFFFF\"},answerBoxColor:{type:ControlType.Color,title:\"Answer Box Color\",defaultValue:\"#FFFFFF\"},questionFont:{type:ControlType.Font,title:\"Question Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"18px\",variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.4em\"}},answerFont:{type:ControlType.Font,title:\"Answer Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Regular\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQ\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQ.map"],"mappings":"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"}