{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/7y65vcnEZ9NgRo5ZUFL8/fxi4JeCwHTdpVuvkjigA/Accordion.js"], "sourcesContent": ["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers/\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{Plus,Minus}from\"lucide-react\";import{useState,useCallback}from\"react\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function Accordion(props){const[ActiveIndex,setActiveIndex]=useState();const css=`\n\n .accordion__items {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .accordion__item:not(:last-child) {\n border-bottom: 1px solid #E7E9E9;\n }\n\n .accordion__title {\n color: #274651;\n font-family: \"Suisse Intl Regular\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 21px;\n letter-spacing: -0.16px;\n margin: 0;\n }\n\n .accordion__content {\n position: relative;\n color: #274651;\n font-family: \"Suisse Intl Regular\", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 21px;\n letter-spacing: -0.16px;\n \n max-height: 0;\n transition: max-height .2s ease;\n overflow: hidden;\n }\n\n .accordion__item.--open .accordion__content {\n max-height: 500px;\n }\n\n .accordion__content-inner {\n padding-bottom: 20px;\n }\n\n .accordion__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n padding: 20px 0;\n cursor: pointer;\n }\n\n .accordion__toggle {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n background: white;\n border-radius: 1000px;\n cursor: pointer;\n flex-shrink: 0;\n }\n\n .accordion__icon {\n color: #274651;\n width: 20px;\n height: 20px;\n }\n\n @media only screen and (min-width: 1200px) {\n\n .accordion__title {\n font-size: 19px;\n line-height: 24px;\n letter-spacing: -0.19px;\n }\n\n }\n `;const toggle=useCallback(index=>{console.log(index);if(ActiveIndex===index){setActiveIndex(null);}else{setActiveIndex(index);}},[ActiveIndex]);return /*#__PURE__*/_jsxs(\"div\",{className:\"\",children:[/*#__PURE__*/_jsx(\"ul\",{className:\"accordion__items\",children:props.items&&props.items.map((item,i)=>{return /*#__PURE__*/_jsxs(\"li\",{className:`accordion__item ${ActiveIndex===i?\"--open\":\"\"}`,children:[/*#__PURE__*/_jsxs(\"div\",{className:\"accordion__header\",onClick:()=>toggle(i),children:[/*#__PURE__*/_jsx(\"h3\",{className:\"accordion__title\",children:item.title}),/*#__PURE__*/_jsx(\"div\",{className:\"accordion__toggle\",children:ActiveIndex===i?/*#__PURE__*/_jsx(Minus,{className:\"accordion__icon\"}):/*#__PURE__*/_jsx(Plus,{className:\"accordion__icon\"})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"accordion__content\",children:/*#__PURE__*/_jsx(\"div\",{className:\"accordion__content-inner\",children:item.content})})]},i);})}),/*#__PURE__*/_jsx(\"style\",{children:css})]});}// Add a list of objects\naddPropertyControls(Accordion,{items:{type:ControlType.Array,control:{type:ControlType.Object,controls:{title:{type:ControlType.String,defaultValue:\"Title\"},content:{type:ControlType.String,displayTextArea:true,defaultValue:\"Lorem ipsum dolor sit amet consectetur. Egestas pretium quis gravida odio vitae a et tortor. Sit mattis nascetur nulla varius.\"}}},defaultValue:[{title:\"How do patients get access to Counsel?\",content:\"Counsel contracts with value-based care entities including health plans, employers, ACOs, and risk-bearing provider groups, and is then offered to the organization\u2019s members at no cost. Members can access Counsel via our mobile application available in the iOS app store and Google Play Store, or by text/SMS.\"}]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Accordion\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Accordion.map"], "mappings": "8JAQkB,SAARA,EAA2BC,EAAM,CAAC,GAAK,CAACC,EAAYC,CAAc,EAAEC,EAAS,EAAQC,EAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAkFtFC,EAAOC,EAAYC,GAAO,CAAC,QAAQ,IAAIA,CAAK,EAA0BL,EAArBD,IAAcM,EAAsB,KAA2BA,CAAvB,CAA+B,EAAE,CAACN,CAAW,CAAC,EAAE,OAAoBO,EAAM,MAAM,CAAC,UAAU,GAAG,SAAS,CAAcC,EAAK,KAAK,CAAC,UAAU,mBAAmB,SAAST,EAAM,OAAOA,EAAM,MAAM,IAAI,CAACU,EAAK,IAAyBF,EAAM,KAAK,CAAC,UAAU,mBAAmBP,IAAc,EAAE,SAAS,EAAE,GAAG,SAAS,CAAcO,EAAM,MAAM,CAAC,UAAU,oBAAoB,QAAQ,IAAIH,EAAO,CAAC,EAAE,SAAS,CAAcI,EAAK,KAAK,CAAC,UAAU,mBAAmB,SAASC,EAAK,KAAK,CAAC,EAAeD,EAAK,MAAM,CAAC,UAAU,oBAAoB,SAASR,IAAc,EAAeQ,EAAKE,EAAM,CAAC,UAAU,iBAAiB,CAAC,EAAeF,EAAKE,EAAK,CAAC,UAAU,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAeF,EAAK,MAAM,CAAC,UAAU,qBAAqB,SAAsBA,EAAK,MAAM,CAAC,UAAU,2BAA2B,SAASC,EAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAG,CAAC,CAAC,EAAeD,EAAK,QAAQ,CAAC,SAASL,CAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAC98BQ,EAAoBb,EAAU,CAAC,MAAM,CAAC,KAAKc,EAAY,MAAM,QAAQ,CAAC,KAAKA,EAAY,OAAO,SAAS,CAAC,MAAM,CAAC,KAAKA,EAAY,OAAO,aAAa,OAAO,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,gBAAgB,GAAK,aAAa,gIAAgI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,MAAM,yCAAyC,QAAQ,4TAAuT,CAAC,CAAC,CAAC,CAAC", "names": ["Accordion", "props", "ActiveIndex", "setActiveIndex", "ye", "css", "toggle", "te", "index", "u", "p", "item", "a", "addPropertyControls", "ControlType"] }