@atlaskit/editor-plugin-alignment
Version:
Alignment plugin for @atlaskit/editor-core
38 lines (37 loc) • 1.39 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconMap = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactIntl = require("react-intl");
var _messages = require("@atlaskit/editor-common/messages");
var _alignTextCenter = _interopRequireDefault(require("@atlaskit/icon/core/align-text-center"));
var _alignTextLeft = _interopRequireDefault(require("@atlaskit/icon/core/align-text-left"));
var _alignTextRight = _interopRequireDefault(require("@atlaskit/icon/core/align-text-right"));
var iconAndMessageMap = {
start: {
Component: _alignTextLeft.default,
label: _messages.alignmentMessages.alignLeft
},
end: {
Component: _alignTextRight.default,
label: _messages.alignmentMessages.alignRight
},
center: {
Component: _alignTextCenter.default,
label: _messages.alignmentMessages.alignCenter
}
};
var IconMap = exports.IconMap = function IconMap(props) {
var _iconAndMessageMap$pr = iconAndMessageMap[props.alignment],
Component = _iconAndMessageMap$pr.Component,
label = _iconAndMessageMap$pr.label;
var intl = (0, _reactIntl.useIntl)();
return /*#__PURE__*/_react.default.createElement(Component, {
label: intl.formatMessage(label),
color: "currentColor",
spacing: "spacious"
});
};