{"version":3,"file":"FAQSection.CHdSmoSl.mjs","names":["React.useState","__esmMin","_e","init_jsx_runtime","c","p","init_npm_react_18_3_1","motion","init_framer_motion_DhsWWWsN","init_framer_DymZktPS","addPropertyControls","ControlType","FAQSection","defaultFaqs","activeIndex","setActiveIndex","styles","sectionBackground","faqs","faqCount","isOpen","index","itemGap","activeBorderColor","borderColor","verticalPadding","horizontalPadding","questionFont","questionColor","faq","answerFont","answerColor","init_FAQSection"],"sources":["https:/framerusercontent.com/modules/VydldEK5xbxipjUYi814/9oMEf1odktvnEVR1w0Ni/FAQSection.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";const defaultFaqs=[{question:\"What is spend analysis in procurement?\",answer:\"Spend analysis reviews procurement data to identify cost-saving opportunities, inefficiencies, and supplier optimization areas.\"},{question:\"How does sourcing project management work?\",answer:\"It involves managing the full sourcing lifecycle from analysis and supplier selection to negotiation and contract execution.\"},{question:\"What is SME engagement in procurement?\",answer:\"It refers to strategies that include and develop small and medium-sized enterprises within the supply chain to improve resilience and innovation.\"},{question:\"How can procurement processes be improved?\",answer:\"Procurement processes can be improved by simplifying workflows, standardizing templates, and reducing unnecessary complexity in approvals and operations.\"},{question:\"How is sustainability integrated into procurement?\",answer:\"Sustainability is embedded into procurement policies, supplier selection, and contracting to ensure responsible sourcing.\"},{question:\"What is a Procurement Maturity Assessment and do I need one?\",answer:\"A Procurement Maturity Assessment evaluates how structured and effective your procurement function is. It helps identify gaps, improve performance, and reduce costs.\"}];export default function FAQSection({faqCount=6,faqs=defaultFaqs,questionFont,answerFont,questionColor=\"#FFFFFF\",answerColor=\"#FFFFFF\",borderColor=\"#FFFFFF\",activeBorderColor=\"#FFFFFF\",backgroundColor=\"transparent\",sectionBackground=\"transparent\",borderRadius=16,itemGap=16,horizontalPadding=28,verticalPadding=24}){const[activeIndex,setActiveIndex]=React.useState(null);return /*#__PURE__*/_jsx(\"section\",{style:{...styles.section,backgroundColor:sectionBackground},children:/*#__PURE__*/_jsx(\"div\",{style:styles.container,children:faqs.slice(0,faqCount).map((faq,index)=>{const isOpen=activeIndex===index;return /*#__PURE__*/_jsxs(\"div\",{style:{...styles.item,backgroundColor,borderRadius,marginBottom:itemGap,borderColor:isOpen?activeBorderColor:borderColor,boxShadow:isOpen?\"0 10px 30px -10px rgba(0,0,0,0.08)\":\"none\"},children:[/*#__PURE__*/_jsxs(\"button\",{type:\"button\",onClick:()=>setActiveIndex(isOpen?null:index),\"aria-expanded\":isOpen,style:{...styles.header,padding:`${verticalPadding}px ${horizontalPadding}px`},children:[/*#__PURE__*/_jsx(\"h3\",{style:{...styles.question,...questionFont,color:questionColor},children:faq.question}),/*#__PURE__*/_jsx(\"span\",{style:{...styles.chevron,borderColor:questionColor,transform:isOpen?\"rotate(-135deg)\":\"rotate(45deg)\"}})]}),/*#__PURE__*/_jsx(motion.div,{initial:false,animate:{height:isOpen?\"auto\":0,opacity:isOpen?1:0},transition:{duration:.3,ease:\"easeInOut\"},style:styles.contentWrapper,children:/*#__PURE__*/_jsx(\"div\",{style:{...styles.answer,...answerFont,color:answerColor,padding:`0 ${horizontalPadding}px ${horizontalPadding}px`},children:faq.answer})})]},index);})})});}addPropertyControls(FAQSection,{faqCount:{type:ControlType.Number,title:\"FAQ Count\",defaultValue:6,min:1,max:50,step:1},faqs:{type:ControlType.Array,title:\"FAQs\",defaultValue:defaultFaqs,maxCount:50,control:{type:ControlType.Object,controls:{question:{type:ControlType.String,title:\"Question\",defaultValue:\"New FAQ question\"},answer:{type:ControlType.String,title:\"Answer\",defaultValue:\"New FAQ answer\",displayTextArea:true}}}},questionFont:{type:ControlType.Font,title:\"Question Typography\",controls:\"extended\"},questionColor:{type:ControlType.Color,title:\"Question Color\",defaultValue:\"#FFFFFF\"},answerFont:{type:ControlType.Font,title:\"Answer Typography\",controls:\"extended\"},answerColor:{type:ControlType.Color,title:\"Answer Color\",defaultValue:\"#FFFFFF\"},sectionBackground:{type:ControlType.Color,title:\"Section Background\",defaultValue:\"transparent\"},backgroundColor:{type:ControlType.Color,title:\"FAQ Background\",defaultValue:\"transparent\"},borderColor:{type:ControlType.Color,title:\"Border\",defaultValue:\"#FFFFFF\"},activeBorderColor:{type:ControlType.Color,title:\"Open Border\",defaultValue:\"#FFFFFF\"},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",defaultValue:16,min:0,max:100,unit:\"px\"},itemGap:{type:ControlType.Number,title:\"Item Gap\",defaultValue:16,min:0,max:100,unit:\"px\"},horizontalPadding:{type:ControlType.Number,title:\"Horizontal Padding\",defaultValue:28,min:0,max:100,unit:\"px\"},verticalPadding:{type:ControlType.Number,title:\"Vertical Padding\",defaultValue:24,min:0,max:100,unit:\"px\"}});const styles={section:{width:\"100%\",minHeight:\"100%\",padding:\"60px 20px\",display:\"flex\",justifyContent:\"center\",boxSizing:\"border-box\",fontFamily:\"Satoshi, sans-serif\"},container:{width:\"100%\",maxWidth:720},item:{overflow:\"hidden\",border:\"1px solid\",transition:\"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)\"},header:{width:\"100%\",display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",cursor:\"pointer\",userSelect:\"none\",background:\"transparent\",border:\"none\",textAlign:\"left\",font:\"inherit\"},question:{margin:0,fontFamily:\"Satoshi, sans-serif\",fontSize:18,fontWeight:700,lineHeight:1.4,letterSpacing:\"-0.02em\"},chevron:{width:10,height:10,borderRight:\"2px solid\",borderBottom:\"2px solid\",marginLeft:20,flexShrink:0,transition:\"transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)\"},contentWrapper:{overflow:\"hidden\"},answer:{margin:0,fontFamily:\"Satoshi, sans-serif\",fontSize:16,fontWeight:400,lineHeight:1.6,letterSpacing:\"-0.01em\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FAQSection\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FAQSection.map"],"mappings":"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"}