import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import n,{useState as t}from"react";import{DEFAULT_BLOC_PROPERTIES as o}from"../../Bloc/BlocProperties.js";import{PropsGeneratorForGivenComponent as r}from"../../../prop-utils.js";import{stripHtml as a}from"../../../utils/string.js";import{Accordion as i,AccordionItem as l,AccordionButton as m,AccordionPanel as s}from"../../../node_modules/@chakra-ui/accordion/dist/esm/accordion.js";import{Box as c}from"../../../node_modules/@chakra-ui/layout/dist/esm/box.js";var d,p=e(e({},o),{items:[{title:"",text:""}],variant:"1"});function f(e){var o=e.items,r=void 0===o?[]:o,d=e.stripHTML,p=void 0!==d&&d,f=t(-1),h=f[0],g=f[1];return 0===r.length?n.createElement(n.Fragment,null):n.createElement("div",null,n.createElement(i,{allowToggle:!0},(r||[]).map((function(e,t){var o=e.title,r=e.text;return n.createElement(l,{key:t,onClick:function(){return function(e){g(h===e?-1:e)}(t)},id:Math.random().toString()},n.createElement(m,null,n.createElement(c,{flex:"1",textAlign:"left"},n.createElement("h2",{className:"collapse-title"},o)),n.createElement("span",{className:"chevron "+(h===t?"bottom":"right")})),n.createElement(s,{pb:4},p?a(r):n.createElement("div",{dangerouslySetInnerHTML:{__html:r},className:"Paragraph"})))}))),n.createElement("style",{jsx:!0},"\n        .collapse-header {\n          width: 100%;\n          border-bottom: 1px solid #b6c2d7;\n          cursor: pointer;\n          padding: 13px 23px;\n        }\n        .chevron.bottom {\n          margin-top: 12px;\n        }\n        :global(.chakra-icon.chakra-accordion__icon) {\n          display: none !important;\n        }\n        :global(.chakra-modal__close-btn:focus) {\n          outline: none;\n          box-shadow: none;\n        }\n        .collapse-header-item {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n        }\n\n        .collapse-header-item div.heading {\n          margin: 0px;\n        }\n\n        .collapse-title {\n          font-family: Avenir Next;\n          color: #ac1260;\n          text-align: left;\n          margin-bottom: 5px;\n          font-size: 25px;\n          font-weight: 800;\n          line-height: 1.36;\n          letter-spacing: -0.025em;\n        }\n\n        .chevron:before {\n          border-style: solid;\n          border-width: 0.2em 0.2em 0 0;\n          border-color: #f09d07;\n          content: '';\n          display: inline-block;\n          height: 0.9em;\n          width: 0.9em;\n          left: 0.15em;\n          position: relative;\n          top: 0.85em;\n          -webkit-transform: rotate(-45deg);\n          -ms-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n          vertical-align: top;\n        }\n\n        .chevron.right:before {\n          left: 0;\n          transform: rotate(45deg);\n        }\n\n        .chevron.bottom:before {\n          top: 0;\n          transform: rotate(135deg);\n        }\n\n        .btn:focus {\n          outline: 0 !important;\n          box-shadow: none;\n        }\n\n        h3 {\n          font-size: 1.5rem;\n        }\n\n        .border-none {\n          border: none !important;\n        }\n      "))}var h=(d=r({items:[]},["items"],["title","text"])).propsGenerator,g=d.propsParser;export default f;export{p as DEFAULT_ACCORDION,h as accordionPropsGenerator,g as accordionPropsParser};
//# sourceMappingURL=Accordion.js.map
