@lunalytics/ui
Version:
React based component library created to be used in Lunalytics
18 lines (17 loc) • 619 B
JavaScript
import { jsx as e } from "react/jsx-runtime";
import { c as t } from "../../index-2w0W-O47.js";
import '../../assets/progress.css';const c = ({ sections: a = 1, progress: r = 1 }) => {
const o = Array.from({ length: a }, (l, s) => {
const n = t({
"luna-progress-section": s + 1 > r,
"luna-progress-section-active": s + 1 === r,
"luna-progress-section-complete": s + 1 < r
});
return /* @__PURE__ */ e("div", { className: n }, s);
});
return /* @__PURE__ */ e("div", { className: "luna-progress-container", children: o });
};
c.displayName = "ProgressBar";
export {
c as default
};