brightyui
Version:
Brighty UI library
19 lines • 2.06 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 = tslib_1.__importDefault(require("react"));
var Steps_module_scss_1 = tslib_1.__importDefault(require("../../../src/styles/Steps.module.scss"));
var CheckIcon_1 = require("../../images/IconComponents/CheckIcon");
var EColors_1 = require("../../types/EColors");
var Typography_1 = tslib_1.__importDefault(require("../Typography/Typography"));
var Steps = function (_a) {
var steps = _a.steps, activeStep = _a.activeStep, onClick = _a.onClick;
var handleClick = function (index) {
onClick(index);
};
return ((0, jsx_runtime_1.jsx)("div", { className: Steps_module_scss_1.default.root, children: steps.map(function (step, index) { return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: Steps_module_scss_1.default.step, onClick: handleClick.bind(_this, index), children: [index < activeStep && ((0, jsx_runtime_1.jsx)("div", { className: Steps_module_scss_1.default.checkWrapper, children: (0, jsx_runtime_1.jsx)(CheckIcon_1.CheckIcon, {}) })), index === activeStep && ((0, jsx_runtime_1.jsx)("div", { className: Steps_module_scss_1.default.activeStepWrapper, children: (0, jsx_runtime_1.jsx)("div", { className: Steps_module_scss_1.default.activeStep }) })), index > activeStep && ((0, jsx_runtime_1.jsx)("div", { className: Steps_module_scss_1.default.activeStepWrapper, children: (0, jsx_runtime_1.jsx)("div", { className: Steps_module_scss_1.default.inactiveStep }) })), (0, jsx_runtime_1.jsx)(Typography_1.default, { color: index > activeStep ? EColors_1.EColors.text2 : EColors_1.EColors.text0, className: Steps_module_scss_1.default.text, variant: 'captionRegular', children: step })] }), index !== steps.length - 1 && (0, jsx_runtime_1.jsx)("hr", { className: Steps_module_scss_1.default.line })] }, step)); }) }));
};
exports.default = Steps;
//# sourceMappingURL=Steps.js.map