@atlaskit/editor-core
Version:
A package contains Atlassian editor core functionality
24 lines • 1.34 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { Component } from 'react';
import AddIcon from '@atlaskit/icon/glyph/editor/add';
import AkButton from '@atlaskit/button';
import { InsertColumnButtonWrap, InsertColumnMarker, InsertColumnButtonInner, ColumnLineMarker, } from './styles';
var InsertColumnButton = (function (_super) {
tslib_1.__extends(InsertColumnButton, _super);
function InsertColumnButton() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.handleInsert = function () { return _this.props.insertColumn(_this.props.index); };
return _this;
}
InsertColumnButton.prototype.render = function () {
return (React.createElement(InsertColumnButtonWrap, { style: this.props.style },
React.createElement(InsertColumnButtonInner, null,
React.createElement(AkButton, { onClick: this.handleInsert, iconBefore: React.createElement(AddIcon, { label: "Add column" }), appearance: "primary", spacing: "none" })),
React.createElement(ColumnLineMarker, { style: { height: this.props.lineMarkerHeight } }),
React.createElement(InsertColumnMarker, null)));
};
return InsertColumnButton;
}(Component));
export default InsertColumnButton;
//# sourceMappingURL=InsertColumnButton.js.map