import{__rest as n,__assign as e,__makeTemplateObject as a}from"../../../node_modules/tslib/tslib.es6.js";import r from"react";import o from"react-dom";import{cx as p,css as t}from"../../../node_modules/@emotion/css/dist/emotion-css.esm.js";var i,s,m,c,d,l,x=r.forwardRef((function(a,o){var p=a.className,t=n(a,["className"]);return r.createElement("span",e({},t,{ref:o,className:p+" popout"}))})),f=r.forwardRef((function(o,c){var d=o.className,l=o.value,x=n(o,["className","value"]),f=l.document.nodes.map((function(n){return n.text})).toArray().join("\n");return r.createElement("div",e({ref:c},x,{className:p(d,t(i||(i=a(["\n            margin: 30px -20px 0;\n          "],["\n            margin: 30px -20px 0;\n          "]))))}),r.createElement("div",{className:t(s||(s=a(["\n            font-size: 14px;\n            padding: 5px 20px;\n            color: #404040;\n            border-top: 2px solid #eeeeee;\n            background: #f8f8f8;\n          "],["\n            font-size: 14px;\n            padding: 5px 20px;\n            color: #404040;\n            border-top: 2px solid #eeeeee;\n            background: #f8f8f8;\n          "])))},"Slate's value as text"),r.createElement("div",{className:t(m||(m=a(["\n            color: #404040;\n            font: 12px monospace;\n            white-space: pre-wrap;\n            padding: 10px 20px;\n            div {\n              margin: 0 0 0.5em;\n            }\n          "],["\n            color: #404040;\n            font: 12px monospace;\n            white-space: pre-wrap;\n            padding: 10px 20px;\n            div {\n              margin: 0 0 0.5em;\n            }\n          "])))},f))})),u=r.forwardRef((function(o,i){var s=o.className,m=n(o,["className"]);return r.createElement("div",e({},m,{ref:i,className:p(s,t(c||(c=a(["\n          white-space: pre-wrap;\n          margin: 0 -20px 10px;\n          padding: 10px 20px;\n          font-size: 14px;\n          background: #f8f8e8;\n        "],["\n          white-space: pre-wrap;\n          margin: 0 -20px 10px;\n          padding: 10px 20px;\n          font-size: 14px;\n          background: #f8f8e8;\n        "]))))}))})),g=r.forwardRef((function(o,i){var s=o.className,m=n(o,["className"]);return r.createElement("div",e({},m,{ref:i,className:p(s,t(d||(d=a(["\n          & > * {\n            display: inline-block;\n          }\n          & > * + * {\n            margin-left: 15px;\n          }\n        "],["\n          & > * {\n            display: inline-block;\n          }\n          & > * + * {\n            margin-left: 15px;\n          }\n        "]))))}))})),v=function(n){var e=n.children;return o.createPortal(e,document.body)},b=r.forwardRef((function(o,i){var s=o.className,m=n(o,["className"]);return r.createElement(g,e({},m,{ref:i,className:p(s,t(l||(l=a(["\n          position: relative;\n          padding: 1px 18px 17px;\n          margin: 0 -20px;\n          border-bottom: 2px solid #eee;\n          margin-bottom: 20px;\n        "],["\n          position: relative;\n          padding: 1px 18px 17px;\n          margin: 0 -20px;\n          border-bottom: 2px solid #eee;\n          margin-bottom: 20px;\n        "]))))}))}));export{x as Button,f as EditorValue,u as Instruction,g as Menu,v as Portal,b as Toolbar};
//# sourceMappingURL=TextEditorComponents.js.map
