gorbenko.pavel
25 lines
1.6 KiB
JavaScript
25 lines
1.6 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.IconButton = exports.Button = void 0;
|
|
var tslib_1 = require("tslib");
|
|
var React = tslib_1.__importStar(require("react"));
|
|
var Button_module_scss_1 = tslib_1.__importDefault(require("./Button.module.scss"));
|
|
var Icon_1 = require("./Icon");
|
|
var Button = function (_a) {
|
|
var _b = _a.variant, variant = _b === void 0 ? 'secondary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, className = _a.className, children = _a.children, rest = tslib_1.__rest(_a, ["variant", "size", "icon", "className", "children"]);
|
|
var classes = [Button_module_scss_1.default.btn, Button_module_scss_1.default[variant], size === 'sm' ? Button_module_scss_1.default.sm : '', className]
|
|
.filter(Boolean)
|
|
.join(' ');
|
|
return (React.createElement("button", tslib_1.__assign({ type: "button", className: classes }, rest),
|
|
icon && React.createElement(Icon_1.Icon, { name: icon, size: "sm" }),
|
|
children));
|
|
};
|
|
exports.Button = Button;
|
|
var IconButton = function (_a) {
|
|
var icon = _a.icon, danger = _a.danger, label = _a.label, className = _a.className, rest = tslib_1.__rest(_a, ["icon", "danger", "label", "className"]);
|
|
var classes = [Button_module_scss_1.default.iconButton, danger ? Button_module_scss_1.default.danger : '', className].filter(Boolean).join(' ');
|
|
return (React.createElement("button", tslib_1.__assign({ type: "button", className: classes, "aria-label": label, title: label }, rest),
|
|
React.createElement(Icon_1.Icon, { name: icon, size: "sm" })));
|
|
};
|
|
exports.IconButton = IconButton;
|
|
//# sourceMappingURL=Button.js.map
|