{"version":3,"file":"yipw579dr.C8kYt1vF.mjs","names":["getProps","Plus","React.useContext","React.useMemo","React.Fragment","useRef","React.useId"],"sources":["https:/framerusercontent.com/modules/sPPEJJGDR4eUvdon1Bel/f3XESni8XlI3ypQ6Exdb/HbzxRJMyi.js","https:/framerusercontent.com/modules/ehGcL6rRIYgHNi43ADDL/OA0Q1yYC0uwBVLOVcelE/yipw579dr.js"],"sourcesContent":["// Generated by Framer (6ca5d98)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,cx,motion,useSVGTemplate,withCSS}from\"framer\";import*as React from\"react\";import{forwardRef}from\"react\";const mask=\"var(--framer-icon-mask)\";const Base=/*#__PURE__*/forwardRef(function(props,ref){return /*#__PURE__*/_jsx(\"svg\",{...props,ref:ref,children:props.children});});const MotionSVG=motion.create(Base);const SVG=/*#__PURE__*/forwardRef((props,ref)=>{const{animated,layoutId,children,...rest}=props;return animated?/*#__PURE__*/_jsx(MotionSVG,{...rest,layoutId:layoutId,ref:ref,children:children}):/*#__PURE__*/_jsx(\"svg\",{...rest,ref:ref,children:children});});const svg='';const getProps=({alpha,color,height,id,width,width1,...props})=>{return{...props,ezTt3ayMo:color??props.ezTt3ayMo??\"rgb(0, 0, 0)\",lschgej4H:width1??props.lschgej4H??1.5,qxTvv_EBh:alpha??props.qxTvv_EBh};};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{style,className,layoutId,variant,ezTt3ayMo,lschgej4H,qxTvv_EBh,...restProps}=getProps(props);const href=useSVGTemplate(\"465907804\",svg);return /*#__PURE__*/_jsx(SVG,{...restProps,className:cx(\"framer-ohg0r\",className),layoutId:layoutId,ref:ref,role:\"presentation\",style:{\"--1m6trwb\":qxTvv_EBh,\"--21h8s6\":ezTt3ayMo,\"--pgex8v\":lschgej4H,...style},viewBox:\"0 0 24 24\",children:/*#__PURE__*/_jsx(\"use\",{href:href})});});const css=[`.framer-ohg0r { -webkit-mask: ${mask}; aspect-ratio: 1; display: block; mask: ${mask}; width: 24px; }`];/**\n * This is a generated Framer component.\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerVariables {\"ezTt3ayMo\":\"color\",\"lschgej4H\":\"width1\",\"qxTvv_EBh\":\"alpha\"}\n * @framerImmutableVariables true\n * @framerVector {\"name\":\"Plus\",\"color\":{\"type\":\"variable\",\"value\":\"21h8s6\"},\"set\":{\"localId\":\"vectorSet/NGVKdicsm\",\"id\":\"NGVKdicsm\",\"moduleId\":\"omX0gWFPqDwhaiWwf6ab\"}}\n * @framerDisableUnlink true\n */const Icon=withCSS(Component,css,\"framer-ohg0r\");Icon.displayName=\"Plus\";export default Icon;addPropertyControls(Icon,{ezTt3ayMo:{defaultValue:\"rgb(0, 0, 0)\",hidden:false,title:\"Color\",type:ControlType.Color},lschgej4H:{defaultValue:1.5,displayStepper:true,hidden:false,max:6,min:0,step:.5,title:\"Width\",type:ControlType.Number},qxTvv_EBh:{defaultValue:0,displayStepper:true,hidden:false,max:1,min:0,step:.1,title:\"Alpha\",type:ControlType.Number}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"ezTt3ayMo\\\":\\\"color\\\",\\\"lschgej4H\\\":\\\"width1\\\",\\\"qxTvv_EBh\\\":\\\"alpha\\\"}\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"true\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerVector\":\"{\\\"name\\\":\\\"Plus\\\",\\\"color\\\":{\\\"type\\\":\\\"variable\\\",\\\"value\\\":\\\"21h8s6\\\"},\\\"set\\\":{\\\"localId\\\":\\\"vectorSet/NGVKdicsm\\\",\\\"id\\\":\\\"NGVKdicsm\\\",\\\"moduleId\\\":\\\"omX0gWFPqDwhaiWwf6ab\\\"}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (7b363e7)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Plus from\"https://framerusercontent.com/modules/sPPEJJGDR4eUvdon1Bel/f3XESni8XlI3ypQ6Exdb/HbzxRJMyi.js\";const PlusFonts=getFonts(Plus);const cycleOrder=[\"bN7tdUSvx\",\"Ob9irvj6Z\",\"WCucd72M7\",\"KGhxT2ILp\",\"gc9vGw8ie\"];const serializationHash=\"framer-tJlgh\";const variantClassNames={bN7tdUSvx:\"framer-v-z0bdh6\",gc9vGw8ie:\"framer-v-cb2ls3\",KGhxT2ILp:\"framer-v-1pywbrt\",Ob9irvj6Z:\"framer-v-94wqpy\",WCucd72M7:\"framer-v-yrl9vr\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const radiusForCorner=(value,cornerIndex)=>{if(typeof value===\"number\"&&Number.isFinite(value))return Math.max(0,value)+\"px\";if(typeof value!==\"string\"||typeof cornerIndex!==\"number\")return undefined;const segments=value.split(\" \");return segments[cornerIndex]||segments[cornerIndex-2]||segments[0];};const transition1={bounce:0,delay:0,duration:.3,type:\"spring\"};const transition2={delay:0,duration:0,ease:[0,0,1,1],type:\"tween\"};const transition3={delay:0,duration:.3,ease:[.5,0,.88,.77],type:\"tween\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"First-Accordion_Close\":\"bN7tdUSvx\",\"First-Accordion_Open\":\"Ob9irvj6Z\",\"Second-Accordion_Close\":\"WCucd72M7\",\"Second-Accordion_Open\":\"KGhxT2ILp\",\"Third-Accordion\":\"gc9vGw8ie\"};const getProps=({accordionBorder,answerText,answerTextColor,answerTextFontSize,fill,height,iconColor,id,questionFontSize,questionTitle,questionTitleColor,radius,width,...props})=>{return{...props,aJEeeEvbc:fill??props.aJEeeEvbc??\"rgb(255, 255, 255)\",CQERHGsEP:questionTitle??props.CQERHGsEP??\"What is Accordion?\",DseU836r9:accordionBorder??props.DseU836r9??{borderBottomWidth:2,borderColor:'var(--token-8a84c1f8-05b6-4223-8c50-9597709f8b58, rgb(0, 0, 0)) /* {\"name\":\"Black\"} */',borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},fsatnpyLK:iconColor??props.fsatnpyLK??\"rgb(0, 0, 0)\",gjYLRjMXJ:answerTextColor??props.gjYLRjMXJ??\"var(--token-8a84c1f8-05b6-4223-8c50-9597709f8b58, rgb(0, 0, 0))\",i9mfweioB:questionTitleColor??props.i9mfweioB??\"rgb(0, 0, 0)\",OlO2Zk0TA:radius??props.OlO2Zk0TA??\"0px\",scIa0P2qb:answerTextFontSize??props.scIa0P2qb??16,variant:humanReadableVariantMap[props.variant]??props.variant??\"bN7tdUSvx\",VMP8xRnrF:questionFontSize??props.VMP8xRnrF??20,vW98VHIqw:answerText??props.vW98VHIqw??\"In web design, an accordion is a user interface component that displays a list of headers stacked vertically. When a user clicks on a header, the associated content expands or collapses, revealing or hiding the details. This design helps organize content, save space, and improve readability by allowing users to view only the sections they are interested in\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,aJEeeEvbc,CQERHGsEP,vW98VHIqw,i9mfweioB,VMP8xRnrF,fsatnpyLK,gjYLRjMXJ,scIa0P2qb,DseU836r9,OlO2Zk0TA,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"bN7tdUSvx\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap14muwd3=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"Ob9irvj6Z\");});const onTapleazg5=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"bN7tdUSvx\");});const onTap110xo61=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"KGhxT2ILp\");});const onTap4b9ucz=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"WCucd72M7\");});const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if(baseVariant===\"gc9vGw8ie\")return false;return true;};return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-z0bdh6\",className,classNames),\"data-border\":true,\"data-framer-name\":\"First-Accordion_Close\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"bN7tdUSvx\",onTap:onTap14muwd3,ref:refBinding,style:{\"--border-bottom-width\":(DseU836r9.borderBottomWidth??DseU836r9.borderWidth)+\"px\",\"--border-color\":DseU836r9.borderColor,\"--border-left-width\":(DseU836r9.borderLeftWidth??DseU836r9.borderWidth)+\"px\",\"--border-right-width\":(DseU836r9.borderRightWidth??DseU836r9.borderWidth)+\"px\",\"--border-style\":DseU836r9.borderStyle,\"--border-top-width\":(DseU836r9.borderTopWidth??DseU836r9.borderWidth)+\"px\",backgroundColor:aJEeeEvbc,borderBottomLeftRadius:radiusForCorner(OlO2Zk0TA,3),borderBottomRightRadius:radiusForCorner(OlO2Zk0TA,2),borderTopLeftRadius:radiusForCorner(OlO2Zk0TA,0),borderTopRightRadius:radiusForCorner(OlO2Zk0TA,1),...style},...addPropertyOverrides({gc9vGw8ie:{\"data-framer-name\":\"Third-Accordion\",\"data-highlight\":undefined,onTap:undefined},KGhxT2ILp:{\"data-framer-name\":\"Second-Accordion_Open\",onTap:onTap4b9ucz},Ob9irvj6Z:{\"data-framer-name\":\"First-Accordion_Open\",onTap:onTapleazg5},WCucd72M7:{\"data-framer-name\":\"Second-Accordion_Close\",onTap:onTap110xo61}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-cvv4pz\",\"data-framer-name\":\"Question\",layoutDependency:layoutDependency,layoutId:\"T4gkmagqI\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"RlM7UG9wcGlucy1yZWd1bGFy\",\"--framer-font-family\":'\"Poppins\", \"Poppins Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-VMP8xRnrF-yipw579dr) * 1px)\",\"--framer-line-height\":\"30px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-i9mfweioB-yipw579dr))\"},children:\"What is Accordion\"})}),className:\"framer-2dqnye\",fonts:[\"FS;Poppins-regular\"],layoutDependency:layoutDependency,layoutId:\"lHd0XLtpw\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-i9mfweioB-yipw579dr)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-i9mfweioB-yipw579dr\":i9mfweioB,\"--variable-reference-VMP8xRnrF-yipw579dr\":VMP8xRnrF},text:CQERHGsEP,verticalAlignment:\"top\",withExternalLayout:true}),isDisplayed()&&/*#__PURE__*/_jsx(Plus,{animated:true,className:\"framer-ie17wo\",layoutDependency:layoutDependency,layoutId:\"vQPAp8XdK\",style:{\"--1m6trwb\":0,\"--21h8s6\":fsatnpyLK,\"--pgex8v\":1.5,rotate:0},variants:{KGhxT2ILp:{rotate:-45},Ob9irvj6Z:{rotate:-45},WCucd72M7:{rotate:0}}})]}),/*#__PURE__*/_jsx(Transition,{value:transition2,...addPropertyOverrides({KGhxT2ILp:{value:transition3},Ob9irvj6Z:{value:transition3}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-gxkzbz\",\"data-framer-name\":\"Answer\",layoutDependency:layoutDependency,layoutId:\"iBof9aSyp\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7Um9ib3RvLXJlZ3VsYXI=\",\"--framer-font-family\":'\"Roboto\", \"Roboto Placeholder\", sans-serif',\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-8a84c1f8-05b6-4223-8c50-9597709f8b58, rgb(0, 0, 0)))\"},children:\"In web design, an accordion is a user interface component that displays a list of headers stacked vertically. When a user clicks on a header, the associated content expands or collapses, revealing or hiding the details. This design helps organize content, save space, and improve readability by allowing users to view only the sections they are interested in\"})}),className:\"framer-1pxah4e\",fonts:[\"GF;Roboto-regular\"],layoutDependency:layoutDependency,layoutId:\"ma3YDfD0o\",style:{\"--extracted-r6o4lv\":\"var(--token-8a84c1f8-05b6-4223-8c50-9597709f8b58, rgb(0, 0, 0))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--variable-reference-gjYLRjMXJ-yipw579dr\":gjYLRjMXJ,\"--variable-reference-scIa0P2qb-yipw579dr\":scIa0P2qb},variants:{KGhxT2ILp:{\"--extracted-r6o4lv\":\"var(--variable-reference-gjYLRjMXJ-yipw579dr)\",\"--variable-reference-gjYLRjMXJ-yipw579dr\":gjYLRjMXJ,\"--variable-reference-scIa0P2qb-yipw579dr\":scIa0P2qb},Ob9irvj6Z:{\"--extracted-r6o4lv\":\"var(--variable-reference-gjYLRjMXJ-yipw579dr)\",\"--variable-reference-gjYLRjMXJ-yipw579dr\":gjYLRjMXJ,\"--variable-reference-scIa0P2qb-yipw579dr\":scIa0P2qb}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({KGhxT2ILp:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7Um9ib3RvLXJlZ3VsYXI=\",\"--framer-font-family\":'\"Roboto\", \"Roboto Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-scIa0P2qb-yipw579dr) * 1px)\",\"--framer-line-height\":\"22px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-gjYLRjMXJ-yipw579dr))\"},children:\"In web design, an accordion is a user interface component that displays a list of headers stacked vertically. When a user clicks on a header, the associated content expands or collapses, revealing or hiding the details. This design helps organize content, save space, and improve readability by allowing users to view only the sections they are interested in\"})}),text:vW98VHIqw},Ob9irvj6Z:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7Um9ib3RvLXJlZ3VsYXI=\",\"--framer-font-family\":'\"Roboto\", \"Roboto Placeholder\", sans-serif',\"--framer-font-size\":\"calc(var(--variable-reference-scIa0P2qb-yipw579dr) * 1px)\",\"--framer-line-height\":\"22px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-gjYLRjMXJ-yipw579dr))\"},children:\"In web design, an accordion is a user interface component that displays a list of headers stacked vertically. When a user clicks on a header, the associated content expands or collapses, revealing or hiding the details. This design helps organize content, save space, and improve readability by allowing users to view only the sections they are interested in\"})}),text:vW98VHIqw}},baseVariant,gestureVariant)})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-tJlgh.framer-l3czeh, .framer-tJlgh .framer-l3czeh { display: block; }\",\".framer-tJlgh.framer-z0bdh6 { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: 70px; justify-content: center; overflow: hidden; padding: 20px; position: relative; width: 600px; will-change: var(--framer-will-change-override, transform); }\",\".framer-tJlgh .framer-cvv4pz { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-tJlgh .framer-2dqnye { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-tJlgh .framer-ie17wo { flex: none; height: var(--framer-aspect-ratio-supported, 24px); position: relative; width: 24px; }\",\".framer-tJlgh .framer-gxkzbz { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 1px; justify-content: flex-end; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-tJlgh .framer-1pxah4e { flex: 1 0 0px; height: 1px; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-tJlgh.framer-v-94wqpy.framer-z0bdh6 { gap: 10px; height: min-content; }\",\".framer-tJlgh.framer-v-94wqpy .framer-gxkzbz, .framer-tJlgh.framer-v-1pywbrt .framer-gxkzbz, .framer-tJlgh.framer-v-cb2ls3 .framer-gxkzbz { height: min-content; }\",\".framer-tJlgh.framer-v-94wqpy .framer-1pxah4e, .framer-tJlgh.framer-v-1pywbrt .framer-1pxah4e, .framer-tJlgh.framer-v-cb2ls3 .framer-1pxah4e { flex: none; height: auto; }\",\".framer-tJlgh.framer-v-yrl9vr.framer-z0bdh6 { padding: 20px 15px 20px 15px; }\",\".framer-tJlgh.framer-v-1pywbrt.framer-z0bdh6 { gap: 10px; height: min-content; padding: 20px 15px 20px 15px; }\",\".framer-tJlgh.framer-v-cb2ls3.framer-z0bdh6 { cursor: unset; gap: 10px; height: min-content; padding: 10px 20px 10px 0px; }\",'.framer-tJlgh[data-border=\"true\"]::after, .framer-tJlgh [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }'];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 70\n * @framerIntrinsicWidth 600\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"Ob9irvj6Z\":{\"layout\":[\"fixed\",\"auto\"]},\"WCucd72M7\":{\"layout\":[\"fixed\",\"fixed\"]},\"KGhxT2ILp\":{\"layout\":[\"fixed\",\"auto\"]},\"gc9vGw8ie\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"aJEeeEvbc\":\"fill\",\"CQERHGsEP\":\"questionTitle\",\"vW98VHIqw\":\"answerText\",\"i9mfweioB\":\"questionTitleColor\",\"VMP8xRnrF\":\"questionFontSize\",\"fsatnpyLK\":\"iconColor\",\"gjYLRjMXJ\":\"answerTextColor\",\"scIa0P2qb\":\"answerTextFontSize\",\"DseU836r9\":\"accordionBorder\",\"OlO2Zk0TA\":\"radius\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const Frameryipw579dr=withCSS(Component,css,\"framer-tJlgh\");export default Frameryipw579dr;Frameryipw579dr.displayName=\"Accordions\";Frameryipw579dr.defaultProps={height:70,width:600};addPropertyControls(Frameryipw579dr,{variant:{options:[\"bN7tdUSvx\",\"Ob9irvj6Z\",\"WCucd72M7\",\"KGhxT2ILp\",\"gc9vGw8ie\"],optionTitles:[\"First-Accordion_Close\",\"First-Accordion_Open\",\"Second-Accordion_Close\",\"Second-Accordion_Open\",\"Third-Accordion\"],title:\"Variant\",type:ControlType.Enum},aJEeeEvbc:{defaultValue:\"rgb(255, 255, 255)\",title:\"Fill\",type:ControlType.Color},CQERHGsEP:{defaultValue:\"What is Accordion?\",displayTextArea:false,title:\"Question Title\",type:ControlType.String},vW98VHIqw:{defaultValue:\"In web design, an accordion is a user interface component that displays a list of headers stacked vertically. When a user clicks on a header, the associated content expands or collapses, revealing or hiding the details. This design helps organize content, save space, and improve readability by allowing users to view only the sections they are interested in\",displayTextArea:false,title:\"Answer Text\",type:ControlType.String},i9mfweioB:{defaultValue:\"rgb(0, 0, 0)\",title:\"Question Title Color\",type:ControlType.Color},VMP8xRnrF:{defaultValue:20,title:\"Question Font Size\",type:ControlType.Number},fsatnpyLK:{defaultValue:\"rgb(0, 0, 0)\",title:\"Icon Color\",type:ControlType.Color},gjYLRjMXJ:{defaultValue:'var(--token-8a84c1f8-05b6-4223-8c50-9597709f8b58, rgb(0, 0, 0)) /* {\"name\":\"Black\"} */',title:\"Answer Text Color\",type:ControlType.Color},scIa0P2qb:{defaultValue:16,title:\"Answer Text Font-Size\",type:ControlType.Number},DseU836r9:{defaultValue:{borderBottomWidth:2,borderColor:'var(--token-8a84c1f8-05b6-4223-8c50-9597709f8b58, rgb(0, 0, 0)) /* {\"name\":\"Black\"} */',borderLeftWidth:0,borderRightWidth:0,borderStyle:\"solid\",borderTopWidth:0},title:\"Accordion Border\",type:ControlType.Border},OlO2Zk0TA:{defaultValue:\"0px\",title:\"Radius\",type:ControlType.BorderRadius}});addFonts(Frameryipw579dr,[{explicitInter:true,fonts:[{family:\"Poppins\",source:\"fontshare\",style:\"normal\",url:\"https://framerusercontent.com/third-party-assets/fontshare/wf/NC2MP33RO4WQTSTEEAWBJLAEXNCNEQVF/7F4U3COKLHQH4WUH3AXPC7N4UELEWJQN/JMWNCAGBH3TLANIVQPVABVAVNV5QERTH.woff2\",weight:\"400\"},{family:\"Roboto\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmWggvWl0Qn.woff2\",weight:\"400\"}]},...PlusFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Frameryipw579dr\",\"slots\":[],\"annotations\":{\"framerComponentViewportWidth\":\"true\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"true\",\"framerVariables\":\"{\\\"aJEeeEvbc\\\":\\\"fill\\\",\\\"CQERHGsEP\\\":\\\"questionTitle\\\",\\\"vW98VHIqw\\\":\\\"answerText\\\",\\\"i9mfweioB\\\":\\\"questionTitleColor\\\",\\\"VMP8xRnrF\\\":\\\"questionFontSize\\\",\\\"fsatnpyLK\\\":\\\"iconColor\\\",\\\"gjYLRjMXJ\\\":\\\"answerTextColor\\\",\\\"scIa0P2qb\\\":\\\"answerTextFontSize\\\",\\\"DseU836r9\\\":\\\"accordionBorder\\\",\\\"OlO2Zk0TA\\\":\\\"radius\\\"}\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"70\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Ob9irvj6Z\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"WCucd72M7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"KGhxT2ILp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"gc9vGw8ie\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"600\",\"framerDisplayContentsDiv\":\"false\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./yipw579dr.map"],"mappings":"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"}