react-filerobot-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.29 kB
JavaScript
import styled from"styled-components";import{Color as PC}from"@scaleflex/ui/utils/types/palette";var getVerticalAlignStyle=function(a){return"middle"===a?"\n display: flex;\n align-items: center;\n ":"bottom"===a?"\n display: flex;\n align-items: flex-end;\n ":""},StyledTextNodeContentTextarea=styled.div.withConfig({componentId:"sc-4tf56w-0"})(function(a){var b,c,d=a.$opacity,e=a.$textAlign,f=a.$verticalAlign,g=a.$width,h=a.$height,i=a.theme;return"\n background: transparent;\n opacity: ".concat(d,";\n text-align: ").concat(e,";\n width: ").concat(g,"px;\n height: ").concat(h,"px;\n border: none;\n outline: 3px solid ").concat(null===i||void 0===i||null===(b=i.palette)||void 0===b?void 0:b[PC.AccentPrimary],";\n border-radius: 2px;\n resize: none;\n padding: 0;\n margin: 0;\n overflow: visible auto;\n cursor: text;\n overflow-wrap: break-word;\n word-break: normal;\n user-select: text;\n ").concat(getVerticalAlignStyle(f),"\n\n mark, mark * {\n background: ").concat(null===i||void 0===i||null===(c=i.palette)||void 0===c?void 0:c[PC.AccentPrimary]," !important;\n color: #fff !important;\n }\n ")});export{StyledTextNodeContentTextarea};