profile-pics
Version:
13 lines • 754 B
JavaScript
import React from 'react';
import style from './DescreteProgressBar.module.scss';
import { cl } from 'lincd/utils/ClassNames';
export const DescreteProgressBar = ({ currentValue, maxValue, }) => {
//generate an array with maxValueitems
let arr = Array.from({ length: maxValue }, (_, i) => i + 1);
return (React.createElement("div", { className: style.DescreteProgressBar }, arr.map((item, index) => {
return (React.createElement("div", { className: cl(style.DescreteProgressBarItem, currentValue >= item && style.DescreteProgressBarItemActive), style: { width: `${100 / maxValue}%` }, key: index }));
})));
};
//register all components in this file
// registerPackageModule(module);
//# sourceMappingURL=DescreteProgressBar.js.map