@atlaskit/editor-plugin-alignment
Version:
Alignment plugin for @atlaskit/editor-core
31 lines • 1.01 kB
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';
var iconAndMessageMap = {
start: {
Component: AlignTextLeftIcon,
label: messages.alignLeft
},
end: {
Component: AlignTextRightIcon,
label: messages.alignRight
},
center: {
Component: AlignTextCenterIcon,
label: messages.alignCenter
}
};
export var IconMap = function IconMap(props) {
var _iconAndMessageMap$pr = iconAndMessageMap[props.alignment],
Component = _iconAndMessageMap$pr.Component,
label = _iconAndMessageMap$pr.label;
var intl = useIntl();
return /*#__PURE__*/React.createElement(Component, {
label: intl.formatMessage(label),
color: "currentColor",
spacing: "spacious"
});
};