brightyui
Version:
Brighty UI library
23 lines • 1.49 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var Tag_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/Tag.module.scss"));
var EColors_1 = require("../../types/EColors");
var Typography_1 = tslib_1.__importDefault(require("../Typography/Typography"));
var CloseIcon_1 = require("../../images/IconComponents/CloseIcon");
var cnbuilder_1 = require("cnbuilder");
var Tag = function (_a) {
var _b;
var title = _a.title, onClick = _a.onClick, showCloseButton = _a.showCloseButton, icon = _a.icon, _c = _a.color, color = _c === void 0 ? EColors_1.EColors.fill3 : _c;
var handleClick = function () {
if (!showCloseButton) {
onClick();
}
};
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cnbuilder_1.cnb)(Tag_module_scss_1.default.root, (_b = {},
_b[Tag_module_scss_1.default.root__hover] = !showCloseButton,
_b)), onClick: handleClick, style: { background: color }, children: [icon, (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'captionMedium', color: EColors_1.EColors.white, children: title }), showCloseButton && ((0, jsx_runtime_1.jsx)("div", { onClick: onClick, className: Tag_module_scss_1.default.close, children: (0, jsx_runtime_1.jsx)(CloseIcon_1.CloseIcon, { color: EColors_1.EColors.white }) }))] }));
};
exports.default = Tag;
//# sourceMappingURL=Tag.js.map