"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _style = _interopRequireDefault(require("styled-jsx/style"));

var _react = _interopRequireDefault(require("react"));

var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));

var _server = _interopRequireDefault(require("styled-jsx/server"));

var _jsxRuntime = require("react/jsx-runtime");

// import "../../static/styles/base.css";

/**
 * It renders the children, and then adds some global styles to the page
 * @returns A React Fragment with the global styles for the Quill editor.
 * @deprecated This is a temporary solution until we can get the Quill editor to work with styled-jsx.
 */
const QuillBaseline = ({
  children
}) => {
  const theme = (0, _useTheme.default)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.default, {
      id: "3672977825",
      dynamic: [theme.palette.primary[500], theme.palette.primary[500], theme.palette.primary[500], theme.palette.text, theme.palette.text, theme.palette.text, theme.palette.text, theme.palette.text, theme.palette.text, theme.palette.subtext, theme.palette.text, theme.palette.subtext, theme.palette.subtext, theme.palette.subtext, theme.palette.subtext, theme.palette.subtext, theme.palette.subtext, theme.palette.subtext, theme.palette.text, theme.palette.subtext, theme.palette.subtext, theme.palette.primary[500], theme.palette.subtext],
      children: `.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:${theme.palette.primary[500]} !important;}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:${theme.palette.primary[500]} !important;}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:${theme.palette.primary[500]} !important;}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:${theme.palette.text} !important;}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:${theme.palette.text} !important;}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:${theme.palette.text} !important;}}.ql-snow .ql-stroke{fill:none;stroke:${theme.palette.text} !important;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;}.ql-snow .ql-stroke-miter{fill:none;stroke:${theme.palette.text} !important;stroke-miterlimit:10;stroke-width:2;}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:${theme.palette.text} !important;}.ql-snow .ql-editor blockquote{border-left:4px solid ${theme.palette.subtext} !important;margin-bottom:5px;margin-top:5px;padding-left:16px;}.ql-snow .ql-picker{color:${theme.palette.text} !important;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle;}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:${theme.palette.subtext} !important;z-index:2;}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:${theme.palette.subtext} !important;}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:${theme.palette.subtext} !important;}.ql-toolbar.ql-snow{border:1px solid ${theme.palette.subtext} !important;box-sizing:border-box;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;padding:8px;}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:${theme.palette.subtext} !important;}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:${theme.palette.subtext} !important;}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid ${theme.palette.subtext} !important;box-shadow:0px 0px 5px #ddd;color:${theme.palette.text} !important;padding:5px 12px;white-space:nowrap;}.ql-snow .ql-tooltip input[type="text"]{display:none;border:1px solid ${theme.palette.subtext} !important;font-size:13px;height:26px;margin:0px;padding:3px 5px;width:170px;}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid ${theme.palette.subtext} !important;content:"Edit";margin-left:16px;padding-right:8px;}.ql-snow a{color:${theme.palette.primary[500]} !important;}.ql-container.ql-snow{border:1px solid ${theme.palette.subtext} !important;}`
    })]
  });
};

const MemoQuillBaseline = /*#__PURE__*/_react.default.memo(QuillBaseline);

MemoQuillBaseline.flush = _server.default;
var _default = MemoQuillBaseline;
exports.default = _default;
module.exports = exports.default;