@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
27 lines (26 loc) • 1.35 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@emotion/react");
var _reactIntlNext = require("react-intl-next");
var _mediaSingle = require("@atlaskit/editor-common/media-single");
var _colors = require("@atlaskit/theme/colors");
var _messages = require("./messages");
var _templateObject;
/** @jsx jsx */
var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n width: 100%;\n text-align: center;\n margin-top: ", " !important;\n display: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
var onClick = _ref.onClick;
return (0, _react2.jsx)("span", {
ref: ref,
css: placeholder,
onClick: onClick,
"data-id": _mediaSingle.CAPTION_PLACEHOLDER_ID,
"data-testid": "caption-placeholder"
}, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.placeholder));
});