import e,{useState as t}from"react";import{Collapse as n}from"../../../node_modules/@chakra-ui/transition/dist/esm/collapse.js";export default function(l){var o=l.toggleLabel,r=t(!1),a=r[0],m=r[1],i=t("bottom"),c=i[0],s=i[1];return e.createElement(e.Fragment,null,e.createElement("div",{className:"editor-collapse"},e.createElement("div",{className:"editor-collapse-toggle",onClick:function(){m(!a),s(a?"bottom":"")}},e.createElement("div",{className:"toggle-label"},e.createElement("div",null,o)),e.createElement("span",{className:"chevron "+c})),e.createElement(n,{in:a},e.createElement("div",null,l.children))),e.createElement("style",{jsx:!0},"\n        .chevron::before {\n          border-style: solid;\n          border-width: 0.1em 0.1em 0 0;\n          content: '';\n          display: inline-block;\n          left: 0.15em;\n          position: relative;\n          transform: rotate(-45deg);\n          width: 0.55em;\n          height: 0.55em;\n        }\n\n        .chevron.bottom:before {\n          transform: rotate(135deg);\n        }\n      "))}
//# sourceMappingURL=Collapse.js.map
