@uva-glass/component-library/dist/components/VarIndicator/VarIndicator.js

React components UvA

import { jsxs as l, jsx as a } from "react/jsx-runtime";
import { c as s } from "../../clsx-OuTLNxxd.js";
import { Icon as c } from "../Icon/Icon.js";
import '../../assets/VarIndicator.css';const i = {
  "var-indicator__container": "_var-indicator__container_1bf94_40",
  "var-indicator__container--draft": "_var-indicator__container--draft_1bf94_59",
  "var-indicator__container--rejected": "_var-indicator__container--rejected_1bf94_60",
  "var-indicator__container--submitted": "_var-indicator__container--submitted_1bf94_72",
  "var-indicator__container--active": "_var-indicator__container--active_1bf94_83",
  "var-indicator__label": "_var-indicator__label_1bf94_94",
  "var-indicator__step-container": "_var-indicator__step-container_1bf94_105"
}, v = {
  DRAFT: "CircleLarge",
  REJECTED: "CircleLarge",
  SUBMITTED: "CircleLargeDotted",
  ACTIVE: "SignalActive"
}, C = ({ label: t, variant: r = "DRAFT", maxSteps: n, currentStep: e = 1, onClick: o }) => /* @__PURE__ */ l(
  "button",
  {
    className: s(i["var-indicator__container"], i[`var-indicator__container--${r.toLowerCase()}`]),
    onClick: o,
    children: [
      /* @__PURE__ */ a(c, { name: v[r], size: 16 }),
      /* @__PURE__ */ a("span", { className: i["var-indicator__label"], children: t[`${r}`] }),
      n && n > 0 && r === "SUBMITTED" ? Array.from({ length: n }, (_, d) => d + 1).map((_) => /* @__PURE__ */ a("div", { className: i["var-indicator__step-container"], children: /* @__PURE__ */ a(c, { name: _ <= e ? "CircleSmallFilled" : "CircleSmall" }) }, _)) : null
    ]
  }
);
export {
  C as VarIndicator
};
//# sourceMappingURL=VarIndicator.js.map