@helpscout/artboard
Version:
A tool kit for React UI development and design
40 lines • 2.47 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var fancy_1 = require("@helpscout/fancy");
var Base_1 = require("../../../UI/Base");
var utils_1 = require("../../../utils");
var Toolbar = /** @class */ (function (_super) {
__extends(Toolbar, _super);
function Toolbar() {
return _super !== null && _super.apply(this, arguments) || this;
}
Toolbar.prototype.render = function () {
return (React.createElement(ToolbarUI, { className: utils_1.cx('Toolbar') },
React.createElement(ToolbarContentUI, null, this.props.children)));
};
return Toolbar;
}(React.PureComponent));
exports.Toolbar = Toolbar;
var ToolbarUI = fancy_1.default(Base_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n line-height: 1;\n justify-content: center;\n flex-direction: column;\n pointer-events: none;\n z-index: 999999;\n"], ["\n align-items: center;\n display: flex;\n line-height: 1;\n justify-content: center;\n flex-direction: column;\n pointer-events: none;\n z-index: 999999;\n"])));
var ToolbarContentUI = fancy_1.default('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: flex-start;\n display: flex;\n justify-content: center;\n margin-bottom: 5px;\n\n > * {\n margin: 0 10px;\n }\n"], ["\n align-items: flex-start;\n display: flex;\n justify-content: center;\n margin-bottom: 5px;\n\n > * {\n margin: 0 10px;\n }\n"])));
exports.default = Toolbar;
var templateObject_1, templateObject_2;
//# sourceMappingURL=Toolbar.js.map