brightyui
Version:
Brighty UI library
26 lines • 1.81 kB
JavaScript
;
var _this = this;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var Tab_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/Tab.module.scss"));
var cnbuilder_1 = require("cnbuilder");
var Typography_1 = tslib_1.__importDefault(require("../Typography/Typography"));
var EColors_1 = require("../../types/EColors");
var Tab = function (_a) {
var _b, _c;
var tabs = _a.tabs, onClick = _a.onClick;
var _d = (0, react_1.useState)(tabs[0]), activeTab = _d[0], setActiveTab = _d[1];
var handleClick = function (value) {
setActiveTab(value);
onClick(value);
};
return ((0, jsx_runtime_1.jsxs)("div", { className: Tab_module_scss_1.default.root, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, cnbuilder_1.cnb)(Tab_module_scss_1.default.tab, (_b = {},
_b[Tab_module_scss_1.default.tab__active] = activeTab === tabs[0],
_b)), onClick: handleClick.bind(_this, tabs[0]), children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'pSmallRegular', color: activeTab === tabs[0] ? EColors_1.EColors.text0 : EColors_1.EColors.text2, children: tabs[0] }) }), (0, jsx_runtime_1.jsx)("div", { className: (0, cnbuilder_1.cnb)(Tab_module_scss_1.default.tab, (_c = {},
_c[Tab_module_scss_1.default.tab__active] = activeTab === tabs[1],
_c)), onClick: handleClick.bind(_this, tabs[1]), children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: 'pSmallRegular', color: activeTab === tabs[1] ? EColors_1.EColors.text0 : EColors_1.EColors.text2, children: tabs[1] }) })] }));
};
exports.default = Tab;
//# sourceMappingURL=Tab.js.map