@atlaskit/editor-plugin-media
Version:
Media plugin for @atlaskit/editor-core
25 lines • 776 B
JavaScript
/** @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';
const placeholder = css`
color: ${`var(--ds-text-subtlest, ${N200})`};
width: 100%;
text-align: center;
margin-top: ${"var(--ds-space-100, 8px)"} ;
display: block;
`;
export default /*#__PURE__*/React.forwardRef(({
onClick
}, ref) => {
return jsx("span", {
ref: ref,
css: placeholder,
onClick: onClick,
"data-id": CAPTION_PLACEHOLDER_ID,
"data-testid": "caption-placeholder"
}, jsx(FormattedMessage, messages.placeholder));
});