{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/sQ98nuRKBMCSqzPqcvie/RWTsd6ut9lzqfbRwG0kn/Accordion_faq_component_1.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{Frame,Stack}from\"framer\";function FAQAccordion(){const[openIndex,setOpenIndex]=useState(null);const toggleFAQ=index=>{if(openIndex===index){setOpenIndex(null)// Close the currently opened section\n;}else{setOpenIndex(index)// Open the selected section\n;}};const faqs=[{question:\"What materials do I need for this course?\",answer:\"You'll need paper, pencils, and an eraser.\"},{question:\"I am a beginner. Will it be useful for me?\",answer:\"Yes, this course is beginner-friendly.\"},{question:\"Why does this course combine live guidance and self-paced learning?\",answer:\"It ensures a flexible learning experience.\"},{question:\"Why opt for pre-recorded online drawing courses?\",answer:\"It allows you to learn at your own pace.\"},{question:\"Will I have access to the instructor for support?\",answer:\"Yes, live Q&A sessions will be available.\"},{question:\"What will be the language for this course?\",answer:\"The course will be in English.\"},{question:\"Is there an app available for learning?\",answer:\"Yes, the course is accessible via a mobile app.\"},{question:\"Can I access the course materials on multiple devices?\",answer:\"Yes, you can use the same account on multiple devices.\"}];return /*#__PURE__*/_jsx(Stack,{direction:\"vertical\",gap:8,width:\"100%\",height:820,overflow:\"auto\"// Allow scrolling if content overflows\n,padding:0,children:faqs.map((faq,index)=>/*#__PURE__*/_jsxs(Frame,{background:\"#FFFFFF\",width:\"calc(100% - 24px)\"// Adjust width to account for left padding\n    ,height:\"auto\"// Allow height to expand naturally\n    ,radius:8,style:{padding:\"20px\",paddingLeft:\"24px\",borderBottom:\"1px solid #EAEAEA\",cursor:\"pointer\",fontFamily:\"DM Sans, sans-serif\",boxSizing:\"border-box\"},onClick:()=>toggleFAQ(index),children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:\"34px\",marginRight:\"10px\",color:\"#ebebeb\"},children:openIndex===index?\"-\":\"+\"}),/*#__PURE__*/_jsx(\"p\",{style:{fontSize:\"16px\",fontWeight:\"semi-bold\",margin:0},children:faq.question})]}),/*#__PURE__*/_jsx(\"div\",{style:{maxHeight:openIndex===index?\"1000px\":\"0\",overflow:\"hidden\",transition:\"max-height 0.3s ease\",marginTop:openIndex===index?\"10px\":\"0\",fontSize:\"14px\",color:\"#555\"},children:faq.answer})]},index))});}export default FAQAccordion;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQAccordion\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Accordion_faq_component_1.map"],
  "mappings": "uGAAqH,SAASA,GAAc,CAAC,GAAK,CAACC,EAAUC,CAAY,EAAEC,EAAS,IAAI,EAAQC,EAAUC,GAAO,CAAuBH,EAAnBD,IAAYI,EAAoB,KACjOA,CADqO,CAEvP,EAA25B,OAAoBC,EAAKC,EAAM,CAAC,UAAU,WAAW,IAAI,EAAE,MAAM,OAAO,OAAO,IAAI,SAAS,OACx/B,QAAQ,EAAE,SADI,CAAC,CAAC,SAAS,4CAA4C,OAAO,4CAA4C,EAAE,CAAC,SAAS,6CAA6C,OAAO,wCAAwC,EAAE,CAAC,SAAS,sEAAsE,OAAO,4CAA4C,EAAE,CAAC,SAAS,mDAAmD,OAAO,0CAA0C,EAAE,CAAC,SAAS,oDAAoD,OAAO,2CAA2C,EAAE,CAAC,SAAS,6CAA6C,OAAO,gCAAgC,EAAE,CAAC,SAAS,0CAA0C,OAAO,iDAAiD,EAAE,CAAC,SAAS,yDAAyD,OAAO,wDAAwD,CAAC,EACl4B,IAAI,CAACC,EAAIH,IAAqBI,EAAMC,EAAM,CAAC,WAAW,UAAU,MAAM,oBAC1F,OAAO,OACP,OAAO,EAAE,MAAM,CAAC,QAAQ,OAAO,YAAY,OAAO,aAAa,oBAAoB,OAAO,UAAU,WAAW,sBAAsB,UAAU,YAAY,EAAE,QAAQ,IAAIN,EAAUC,CAAK,EAAE,SAAS,CAAcI,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,QAAQ,EAAE,SAAS,CAAcH,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,OAAO,YAAY,OAAO,MAAM,SAAS,EAAE,SAASL,IAAYI,EAAM,IAAI,GAAG,CAAC,EAAeC,EAAK,IAAI,CAAC,MAAM,CAAC,SAAS,OAAO,WAAW,YAAY,OAAO,CAAC,EAAE,SAASE,EAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAeF,EAAK,MAAM,CAAC,MAAM,CAAC,UAAUL,IAAYI,EAAM,SAAS,IAAI,SAAS,SAAS,WAAW,uBAAuB,UAAUJ,IAAYI,EAAM,OAAO,IAAI,SAAS,OAAO,MAAM,MAAM,EAAE,SAASG,EAAI,MAAM,CAAC,CAAC,CAAC,EAAEH,CAAK,CAAC,CAAC,CAAC,CAAE,CAAC,IAAOM,EAAQX",
  "names": ["FAQAccordion", "openIndex", "setOpenIndex", "ye", "toggleFAQ", "index", "p", "Stack", "faq", "u", "Frame", "Accordion_faq_component_1_default"]
}