brightyui
Version:
Brighty UI library
29 lines • 2.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var Selectbox_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/Selectbox.module.scss"));
var ChevronRightIcon_1 = require("../../images/IconComponents/ChevronRightIcon");
var cnbuilder_1 = require("cnbuilder");
var EColors_1 = require("../../types/EColors");
var Typography_1 = tslib_1.__importDefault(require("../Typography/Typography"));
var useBool_1 = tslib_1.__importDefault(require("../../hooks/useBool"));
var Selectbox = function (_a) {
var _b;
var placeholder = _a.placeholder, value = _a.value, disabled = _a.disabled, onClick = _a.onClick, icon = _a.icon, error = _a.error;
var isActive = (0, useBool_1.default)();
var hadleClick = function (e) {
e.preventDefault();
e.stopPropagation();
if (!disabled) {
isActive.onToggle();
onClick();
}
};
return ((0, jsx_runtime_1.jsxs)("div", { className: Selectbox_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsxs)("button", { className: (0, cnbuilder_1.cnb)(Selectbox_module_scss_1.default.root, (_b = {},
_b[Selectbox_module_scss_1.default.root__disabled] = disabled,
_b[Selectbox_module_scss_1.default.root__active] = isActive.value,
_b)), onClick: hadleClick, children: [icon, (0, jsx_runtime_1.jsxs)("div", { className: Selectbox_module_scss_1.default.container, children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { variant: value ? 'captionRegular' : 'pSmallRegular', color: value ? EColors_1.EColors.text2 : EColors_1.EColors.secondary, children: placeholder }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'pSmallRegular', children: value })] }), (0, jsx_runtime_1.jsx)("div", { className: Selectbox_module_scss_1.default.button, children: (0, jsx_runtime_1.jsx)(ChevronRightIcon_1.ChevronRightIcon, { color: value ? EColors_1.EColors.fill3 : EColors_1.EColors.secondary }) })] }), !!error && ((0, jsx_runtime_1.jsx)("div", { className: Selectbox_module_scss_1.default.errorContainer, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'captionRegular', color: EColors_1.EColors.error, children: error }) }))] }));
};
exports.default = Selectbox;
//# sourceMappingURL=Selectbox.js.map