profile-pics
Version:
20 lines • 1.28 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DescreteProgressBar = void 0;
const react_1 = __importDefault(require("react"));
const DescreteProgressBar_module_css_1 = __importDefault(require("./DescreteProgressBar.module.css"));
const ClassNames_1 = require("lincd/utils/ClassNames");
const DescreteProgressBar = ({ currentValue, maxValue, }) => {
//generate an array with maxValueitems
let arr = Array.from({ length: maxValue }, (_, i) => i + 1);
return (react_1.default.createElement("div", { className: DescreteProgressBar_module_css_1.default.DescreteProgressBar }, arr.map((item, index) => {
return (react_1.default.createElement("div", { className: (0, ClassNames_1.cl)(DescreteProgressBar_module_css_1.default.DescreteProgressBarItem, currentValue >= item && DescreteProgressBar_module_css_1.default.DescreteProgressBarItemActive), style: { width: `${100 / maxValue}%` }, key: index }));
})));
};
exports.DescreteProgressBar = DescreteProgressBar;
//register all components in this file
// registerPackageModule(module);
//# sourceMappingURL=DescreteProgressBar.js.map