brightyui
Version:
Brighty UI library
18 lines • 2.54 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var TransactionCell_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/TransactionCell.module.scss"));
var Typography_1 = tslib_1.__importDefault(require("../Typography/Typography"));
var EColors_1 = require("../../types/EColors");
var Load_1 = tslib_1.__importDefault(require("../Load/Load"));
var cnbuilder_1 = require("cnbuilder");
var TransactionCell = function (_a) {
var title = _a.title, subtitle = _a.subtitle, value = _a.value, subvalue = _a.subvalue, loading = _a.loading, icon = _a.icon, _b = _a.valueColor, valueColor = _b === void 0 ? EColors_1.EColors.text0 : _b, onClick = _a.onClick, crossedValue = _a.crossedValue;
if (loading) {
return ((0, jsx_runtime_1.jsxs)("div", { className: TransactionCell_module_scss_1.default.root, children: [(0, jsx_runtime_1.jsx)(Load_1.default, { width: 40, height: 40, radius: 40 }), (0, jsx_runtime_1.jsxs)("div", { className: (0, cnbuilder_1.cnb)(TransactionCell_module_scss_1.default.column, TransactionCell_module_scss_1.default.column__loading), children: [(0, jsx_runtime_1.jsx)(Load_1.default, { width: 48, height: 12 }), (0, jsx_runtime_1.jsx)(Load_1.default, { width: 96, height: 12 })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, cnbuilder_1.cnb)(TransactionCell_module_scss_1.default.rightColumn, TransactionCell_module_scss_1.default.rightColumn__loading), children: (0, jsx_runtime_1.jsx)(Load_1.default, { width: 48, height: 12 }) })] }));
}
return ((0, jsx_runtime_1.jsxs)("button", { className: TransactionCell_module_scss_1.default.root, onClick: onClick, children: [icon, (0, jsx_runtime_1.jsxs)("div", { className: TransactionCell_module_scss_1.default.column, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'pSmallRegular', children: title }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'captionRegular', color: EColors_1.EColors.text2, children: subtitle })] }), (0, jsx_runtime_1.jsxs)("div", { className: TransactionCell_module_scss_1.default.rightColumn, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'pSmallRegular', color: valueColor, lineThrough: crossedValue, children: value }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'captionRegular', color: EColors_1.EColors.text2, children: subvalue })] })] }));
};
exports.default = TransactionCell;
//# sourceMappingURL=TransactionCell.js.map