{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/HEy6TGlaFtuIhdCIDisp/TJJebWPn7MCss3aFZCde/FAQ.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion,AnimatePresence}from\"framer-motion\";import{useState}from\"react\";// Code component provided by Eleveight Supply\u2122. All rights reserved 2024.\n/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 300\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight 100%\n */export default function FAQ(props){const{items:passedItems,questionStyles,answerStyles,faqStyles,linkStyles,transition}=props;// Fallback to default items if passed-in items is empty or undefined\nconst items=passedItems&&passedItems.length>0?passedItems:FAQ.defaultProps.items;const[openIndex,setOpenIndex]=useState(null);const toggle=index=>{setOpenIndex(openIndex===index?null:index);};return /*#__PURE__*/_jsx(\"div\",{children:items.map((item,index)=>/*#__PURE__*/_jsx(FAQItem,{question:item.question,answer:item.answer,isOpen:openIndex===index,toggle:()=>toggle(index),questionStyles:questionStyles,answerStyles:answerStyles,linkStyles:linkStyles,isLastItem:index===items.length-1,faqStyles:faqStyles,transition:transition},index))});}const FAQItem=({question,answer,isOpen,toggle,questionStyles,answerStyles,linkStyles,isLastItem,faqStyles,transition})=>{const containerStyle={padding:`${faqStyles.faqPaddingTop}px ${faqStyles.faqPaddingRight}px ${faqStyles.faqPaddingBottom}px ${faqStyles.faqPaddingLeft}px`,backgroundColor:faqStyles.faqFill,borderTopLeftRadius:`${faqStyles.faqBorderRadiusTopLeft}px`,borderTopRightRadius:`${faqStyles.faqBorderRadiusTopRight}px`,borderBottomRightRadius:`${faqStyles.faqBorderRadiusBottomRight}px`,borderBottomLeftRadius:`${faqStyles.faqBorderRadiusBottomLeft}px`,border:`${faqStyles.faqBorder.width}px ${faqStyles.faqBorder.style} ${faqStyles.faqBorder.color}`,marginBottom:isLastItem?\"0\":`${faqStyles.containerSpacing}px`,cursor:\"pointer\",userSelect:\"none\",boxSizing:\"border-box\"};const questionStyle={color:questionStyles.questionColor,...questionStyles.questionFont,display:\"flex\",justifyContent:\"space-between\",alignItems:\"flex-start\",userSelect:\"none\",margin:0};const answerContainerStyle={overflow:\"hidden\"};const answerStyle={color:answerStyles.answerColor,...answerStyles.answerFont,marginTop:`${questionStyles.questionAnswerSpacing}px`,userSelect:\"none\"};const iconStyle={display:\"flex\",alignItems:\"center\",justifyContent:\"center\",margin:0,padding:0,marginLeft:\"12px\"};// Link styling and adding `onClick=\"event.stopPropagation()\"`\nconst linkStyle={color:linkStyles.linkColor,textDecoration:linkStyles.underline?\"underline\":\"none\"};return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,onClick:toggle,children:[/*#__PURE__*/_jsxs(motion.div,{initial:{opacity:1},animate:{opacity:1},transition:transition,style:questionStyle,children:[/*#__PURE__*/_jsx(\"div\",{style:{margin:0,flex:1},children:question}),/*#__PURE__*/_jsx(motion.div,{initial:{rotate:0,opacity:1},animate:{rotate:isOpen?180:0,opacity:isOpen?.5:1},transition:transition,style:iconStyle,children:/*#__PURE__*/_jsx(\"svg\",{width:faqStyles.chevronSize,viewBox:\"6 1 12 20\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{fill:\"none\",stroke:\"currentColor\",strokeLinecap:\"round\",strokeLinejoin:\"round\",strokeWidth:\"2\",d:\"M17 10l-5 5-5-5\"})})})]}),/*#__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:transition,style:answerContainerStyle,children:/*#__PURE__*/_jsx(\"div\",{style:answerStyle,dangerouslySetInnerHTML:{__html:answer.replace(/<a\\b([^>]*)>/gi,`<a onclick=\"event.stopPropagation()\" style=\"color: ${linkStyle.color}; text-decoration: ${linkStyle.textDecoration};\" $1>`)}})})})]});};FAQ.defaultProps={items:[{question:\"How do I set it up, is it easy?\",answer:\"It's pretty simple, just go to the property controls, start adding your questions, then play around with the font styling.\"},{question:\"Oh it also uses Framer's native transitions?\",answer:\"Yes, this uses Framer's native transition library, Framer motion, so you won't miss anything.\"},{question:\"Thank you for using Eleveight Supply!\",answer:\"Enjoy your new components, keep saving precious time and continue creating amazing stuff\"}],questionStyles:{questionFont:{family:\"Inter\",size:16,weight:400,letterSpacing:\"normal\",lineHeight:\"normal\"},questionColor:\"#ffffff\",questionAnswerSpacing:10},answerStyles:{answerFont:{family:\"Inter\",size:16,weight:400,letterSpacing:\"normal\",lineHeight:\"normal\"},answerColor:\"#ffffff\"},linkStyles:{linkColor:\"#007aff\",underline:true},faqStyles:{faqFill:\"#0d0d0d\",faqBorder:{color:\"#171717\",width:1,style:\"solid\"},containerSpacing:8,faqBorderRadiusTopLeft:10,faqBorderRadiusTopRight:10,faqBorderRadiusBottomRight:10,faqBorderRadiusBottomLeft:10,faqPaddingTop:16,faqPaddingRight:16,faqPaddingBottom:16,faqPaddingLeft:16,chevronSize:12},transition:{type:\"spring\",stiffness:400,damping:50}};addPropertyControls(FAQ,{items:{type:ControlType.Array,defaultValue:[{question:\"How do I set it up, is it easy?\",answer:\"It's pretty simple, just go to the property controls, start adding your questions, then play around with the font styling.\"},{question:\"Oh it also uses Framer's native transitions?\",answer:\"Yes, this uses Framer's native transition library, Framer motion, so you won't miss anything.\"},{question:\"Thank you for using Eleveight Supply!\",answer:\"Enjoy your new components, keep saving precious time and continue creating amazing stuff\"}],propertyControl:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\"},answer:{type:ControlType.String,title:\"Answer\",control:ControlType.StringArea,defaultValue:\"\",description:\"For links use: <a href='yourlink'>text</a>\"}}},title:\"FAQ Items\"},questionStyles:{type:ControlType.Object,title:\"[Q] Font\",controls:{questionFont:{type:ControlType.Font,title:\"Font\",defaultValue:\"Inter\",controls:\"extended\"},questionColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000\"},questionAnswerSpacing:{type:ControlType.Number,title:\"Gap\",defaultValue:10,displayStepper:true,unit:\"px\",description:\"Gap between the Question and answer\"}}},answerStyles:{type:ControlType.Object,title:\"[A] Font\",controls:{answerFont:{type:ControlType.Font,title:\"Font\",defaultValue:\"Inter\",controls:\"extended\"},answerColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"#000\"}}},linkStyles:{type:ControlType.Object,title:\"[Link] Style\",controls:{linkColor:{type:ControlType.Color,title:\"Link Color\",defaultValue:\"#007aff\"},underline:{type:ControlType.Boolean,title:\"Underline\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"}}},faqStyles:{type:ControlType.Object,title:\"Styles\",controls:{faqFill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#fff\"},faqBorder:{type:ControlType.Object,title:\"Border\",controls:{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#171717\"},width:{type:ControlType.Number,title:\"Width\",min:0,max:10,defaultValue:1,unit:\"px\"},style:{type:ControlType.Enum,title:\"Style\",options:[\"solid\",\"dashed\",\"dotted\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\"],defaultValue:\"solid\"}}},containerSpacing:{type:ControlType.Number,title:\"Rows Gap\",defaultValue:16,unit:\"px\"},faqBorderRadius:{type:ControlType.FusedNumber,title:\"Radius\",defaultValue:10,toggleKey:\"uniformBorderRadius\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"faqBorderRadiusTopLeft\",\"faqBorderRadiusTopRight\",\"faqBorderRadiusBottomRight\",\"faqBorderRadiusBottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0},faqPadding:{type:ControlType.FusedNumber,title:\"Padding\",defaultValue:16,toggleKey:\"uniformPadding\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"faqPaddingTop\",\"faqPaddingRight\",\"faqPaddingBottom\",\"faqPaddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},chevronSize:{type:ControlType.Number,title:\"Chevron Size\",defaultValue:12,unit:\"px\",min:1,max:30,displayStepper:true}}},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{type:\"spring\",stiffness:400,damping:50}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQ\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"100%\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"300\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerIntrinsicHeight\":\"300\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQ.map"],
  "mappings": "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",
  "names": ["FAQ", "props", "passedItems", "questionStyles", "answerStyles", "faqStyles", "linkStyles", "transition", "items", "openIndex", "setOpenIndex", "ye", "toggle", "index", "p", "item", "FAQItem", "question", "answer", "isOpen", "isLastItem", "containerStyle", "questionStyle", "answerContainerStyle", "answerStyle", "iconStyle", "linkStyle", "u", "motion", "AnimatePresence", "addPropertyControls", "ControlType"]
}