"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.placeholderStyles = exports.placeHolderClassName = void 0;

var _styledComponents = require("styled-components");

var _colors = require("@atlaskit/theme/colors");

var _templateObject;

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var placeHolderClassName = 'placeholder-decoration';
exports.placeHolderClassName = placeHolderClassName;
var placeholderStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror .", " {\n    position: relative;\n    color: ", ";\n    width: 100%;\n\n    pointer-events: none;\n    display: block;\n    user-select: none;\n\n    > span {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    &.align-end > span {\n      right: 0;\n    }\n\n    &.align-center > span {\n      left: 0;\n    }\n  }\n"])), placeHolderClassName, _colors.N200);
exports.placeholderStyles = placeholderStyles;