@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
20 lines • 994 B
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
var _templateObject;
/** @jsx jsx */
import React from 'react';
import { css, jsx } from '@emotion/react';
import { FormattedMessage } from 'react-intl-next';
import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
import { N200 } from '@atlaskit/theme/colors';
import { messages } from './messages';
var placeholder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n width: 100%;\n text-align: center;\n margin-top: ", " !important;\n display: block;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-100, 8px)");
export default /*#__PURE__*/React.forwardRef(function (_ref, ref) {
var onClick = _ref.onClick;
return jsx("span", {
ref: ref,
css: placeholder,
onClick: onClick,
"data-id": CAPTION_PLACEHOLDER_ID,
"data-testid": "caption-placeholder"
}, jsx(FormattedMessage, messages.placeholder));
});