@atlaskit/editor-plugin-alignment
Version:
Alignment plugin for @atlaskit/editor-core
32 lines • 924 B
JavaScript
import React from 'react';
import { useIntl } from 'react-intl';
import { alignmentMessages as messages } from '@atlaskit/editor-common/messages';
import AlignTextCenterIcon from '@atlaskit/icon/core/align-text-center';
import AlignTextLeftIcon from '@atlaskit/icon/core/align-text-left';
import AlignTextRightIcon from '@atlaskit/icon/core/align-text-right';
const iconAndMessageMap = {
start: {
Component: AlignTextLeftIcon,
label: messages.alignLeft
},
end: {
Component: AlignTextRightIcon,
label: messages.alignRight
},
center: {
Component: AlignTextCenterIcon,
label: messages.alignCenter
}
};
export const IconMap = props => {
const {
Component,
label
} = iconAndMessageMap[props.alignment];
const intl = useIntl();
return /*#__PURE__*/React.createElement(Component, {
label: intl.formatMessage(label),
color: "currentColor",
spacing: "spacious"
});
};