UNPKG

brightyui

Version:

Brighty UI library

25 lines 1.92 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var tslib_1 = require("tslib"); var jsx_runtime_1 = require("react/jsx-runtime"); var cnbuilder_1 = require("cnbuilder"); var BaseCell_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/BaseCell.module.scss")); var Wrapper = function (_a) { var wrapperRole = _a.wrapperRole, classNames = _a.classNames, children = _a.children, onClick = _a.onClick, disabled = _a.disabled; if (wrapperRole === 'default') { return (0, jsx_runtime_1.jsx)("div", { className: classNames, children: children }); } return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, disabled: disabled, className: classNames, children: children })); }; var BaseCell = function (_a) { var _b; var _c = _a.wrapperRole, wrapperRole = _c === void 0 ? 'button' : _c, leftSide = _a.leftSide, rightSide = _a.rightSide, title = _a.title, subtitle = _a.subtitle, onClick = _a.onClick, className = _a.className, disabled = _a.disabled, loading = _a.loading, reversed = _a.reversed; return ((0, jsx_runtime_1.jsxs)(Wrapper, { classNames: (0, cnbuilder_1.cnb)(BaseCell_module_scss_1.default.root, className, (_b = {}, _b[BaseCell_module_scss_1.default.root__disabled] = disabled, _b[BaseCell_module_scss_1.default.root__loading] = loading, _b[BaseCell_module_scss_1.default.root__noHover] = loading || wrapperRole === 'default', _b[BaseCell_module_scss_1.default.root__withSubtitle] = !!subtitle || leftSide, _b)), disabled: disabled, onClick: onClick, wrapperRole: wrapperRole, children: [leftSide, (0, jsx_runtime_1.jsxs)("div", { className: (0, cnbuilder_1.cnb)(BaseCell_module_scss_1.default.center, reversed && BaseCell_module_scss_1.default.reversed), children: [title, subtitle] }), rightSide] })); }; exports.default = BaseCell; //# sourceMappingURL=BaseCell.js.map