{"version":3,"file":"FAQTest.siyo7Q75.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/bOoc0NQI6AmNak0JSXGI/3Nw7Dy3zoK6LmN7AwGFi/FAQTest.js"],"sourcesContent":["// import * as React from \"react\"\n// import { addPropertyControls, ControlType } from \"framer\"\n// import FAQQuestion from \"https://framer.com/m/FAQ-Question-11Em.js@lS70XepHtVA6FOuSg1lX\"\n// export default function FAQAccordion({ items }) {\n// const [openIndex, setOpenIndex] = React.useState(null)\n// return (\n//
\n// {items.map((item, i) => (\n// setOpenIndex(openIndex === i ? null : i)}\n// />\n// ))}\n//
\n// )\n// }\n// // Let users add/remove questions in the sidebar\n// addPropertyControls(FAQAccordion, {\n// items: {\n// type: ControlType.Array,\n// title: \"FAQ Items\",\n// propertyControl: {\n// type: ControlType.Object,\n// controls: {\n// question: { type: ControlType.String, title: \"Question\" },\n// answer: { type: ControlType.String, title: \"Answer\" },\n// },\n// },\n// },\n// })\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function FAQAccordion({items,accordionMode}){const[openIndex,setOpenIndex]=React.useState(null);const[openStates,setOpenStates]=React.useState([]);React.useEffect(()=>{setOpenStates(Array(items.length).fill(false));},[items.length]);const toggleAccordion=index=>{setOpenIndex(openIndex===index?null:index);};const toggleFree=index=>{setOpenStates(prev=>{const newStates=[...prev];newStates[index]=!newStates[index];return newStates;});};return /*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:\"8px\"},children:items.map((item,i)=>/*#__PURE__*/_jsx(FAQQuestion,{question:item.question,answer:item.answer,isOpen:accordionMode?openIndex===i:openStates[i],onToggle:()=>accordionMode?toggleAccordion(i):toggleFree(i),isLast:i==items.length-1},i))});}// --- Inner FAQQuestion component (stateless) ---\nfunction FAQQuestion({question,answer,isOpen,onToggle,isLast}){return /*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",borderBottom:isLast?\"\":\"1px solid #eee\",padding:\"12px 0\",cursor:\"pointer\"},onClick:onToggle,children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:\"16px\"},children:[/*#__PURE__*/_jsx(\"svg\",{width:\"16\",height:\"16\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{transform:isOpen?\"rotate(180deg)\":\"rotate(0deg)\",transition:\"transform 0.2s ease\"},children:/*#__PURE__*/_jsx(\"path\",{d:\"M6 9L12 15L18 9\",stroke:\"#d32f2f\"// red caret\n,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:\"18px\",color:\"#333\",fontFamily:\"'Maison Neue Book', sans-serif\"},children:question})]}),isOpen&&/*#__PURE__*/_jsx(\"div\",{style:{marginTop:\"8px\",marginLeft:\"24px\",fontSize:\"14px\",color:\"#666\",lineHeight:\"1.5\",fontFamily:\"'Maison Neue Light', sans-serif\"},children:answer})]});}// --- Sidebar controls ---\naddPropertyControls(FAQAccordion,{items:{type:ControlType.Array,title:\"FAQ Items\",propertyControl:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\"},answer:{type:ControlType.String,title:\"Answer\"}}},defaultValue:[{question:\"What is Framer?\",answer:\"Framer is a design and prototyping tool for teams.\"},{question:\"Can I use it for production?\",answer:\"Yes, Framer sites are production-ready and can be published instantly.\"}]},accordionMode:{type:ControlType.Boolean,title:\"Accordion Mode\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQAccordion\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQTest.map"],"mappings":"iRAiCyI,SAAwB,EAAa,CAAC,QAAM,iBAAe,CAAC,GAAK,CAAC,EAAU,GAAcA,EAAe,KAAK,CAAM,CAAC,EAAW,GAAeA,EAAe,EAAE,CAAC,CAAC,MAAoB,CAAC,EAAc,MAAM,EAAM,OAAO,CAAC,KAAK,GAAM,CAAC,EAAG,CAAC,EAAM,OAAO,CAAC,CAAC,IAAM,EAAgB,GAAO,CAAC,EAAa,IAAY,EAAM,KAAK,EAAM,EAAS,EAAW,GAAO,CAAC,EAAc,GAAM,CAAC,IAAM,EAAU,CAAC,GAAG,EAAK,CAAoC,MAAnC,GAAU,GAAO,CAAC,EAAU,GAAc,GAAY,EAAG,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,MAAM,CAAC,SAAS,EAAM,KAAK,EAAK,IAAiB,EAAK,EAAY,CAAC,SAAS,EAAK,SAAS,OAAO,EAAK,OAAO,OAAO,EAAc,IAAY,EAAE,EAAW,GAAG,aAAa,EAAc,EAAgB,EAAE,CAAC,EAAW,EAAE,CAAC,OAAO,GAAG,EAAM,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CACv5B,SAAS,EAAY,CAAC,WAAS,SAAO,SAAO,WAAS,UAAQ,CAAC,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAO,GAAG,iBAAiB,QAAQ,SAAS,OAAO,UAAU,CAAC,QAAQ,EAAS,SAAS,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,WAAW,SAAS,IAAI,OAAO,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,MAAM,CAAC,UAAU,EAAO,iBAAiB,eAAe,WAAW,sBAAsB,CAAC,SAAsB,EAAK,OAAO,CAAC,EAAE,kBAAkB,OAAO,UAC9jB,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,CAAC,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,OAAO,MAAM,OAAO,WAAW,iCAAiC,CAAC,SAAS,EAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAqB,EAAK,MAAM,CAAC,MAAM,CAAC,UAAU,MAAM,WAAW,OAAO,SAAS,OAAO,MAAM,OAAO,WAAW,MAAM,WAAW,kCAAkC,CAAC,SAAS,EAAO,CAAC,CAAC,CAAC,CAAC,kBAFrU,IAA4B,IAAoD,CAGzI,EAAoB,EAAa,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,YAAY,gBAAgB,CAAC,KAAK,EAAY,OAAO,SAAS,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,kBAAkB,OAAO,qDAAqD,CAAC,CAAC,SAAS,+BAA+B,OAAO,yEAAyE,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAY,QAAQ,MAAM,iBAAiB,aAAa,GAAK,CAAC,CAAC"}