import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import n,{useState as t}from"react";import"../GalleryImageDisplay/style.css.js";import"../../Announcement/Announcement.js";import"../../../node_modules/react-modal-promise/lib/index.es.js";import"../../../node_modules/react-hook-form/dist/index.esm.js";import"../../Editor/Modal/libraryModal.css.js";import"../../Editor/TextEditorQuill.js";import"../../Media/Image.js";import"../../Typography/Paragraph/Paragraph-utils.js";import{Paragraph as o}from"../../Typography/Paragraph/Paragraph.js";import"../../../node_modules/next/dist/client/router.js";import"../../../node_modules/react-redux/es/index.js";import"../../../node_modules/lodash/lodash.js";import"../../Typography/Paragraph/ParagraphTypes.js";import"../../Typography/Heading.js";import"../../Bloc/BlocTypes.js";import"../../Bloc/BlocComponentsFactory.js";import"../../../BaseComponent.js";import{DEFAULT_BLOC_PROPERTIES as r}from"../../Bloc/BlocProperties.js";import"../../Panel/CtaPanel.js";import{Collapse as a}from"../../../node_modules/@chakra-ui/transition/dist/esm/collapse.js";var i=e(e({},r),{title:"",text:""});function l(e){var r=t(!1),i=r[0],l=r[1],s=e.title,m=e.text,p=e.variant;return n.createElement(n.Fragment,null,n.createElement("div",{className:"collapse-header",onClick:function(){return l(!i)}},n.createElement("div",{className:"collapse-header-item"},n.createElement("h2",{className:"collapse-title",variant:p},s),n.createElement("span",{className:"chevron "+(i?"bottom":"right")}))),n.createElement(a,{in:i},n.createElement(o,{content:m,align:"left",fontSize:"1.125rem",lineHeight:"1.43",fontFamily:"Bressay",letterSpacing:"0",textTransform:"normal",lumo:"primary-dark"})),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\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      "))}export default l;export{i as DEFAULT_COLLAPSE};
//# sourceMappingURL=Collapse.js.map
