import { jsx as t } from "react/jsx-runtime";
import c from "../../../box/Box.js";
import l from "../../../icon/Icon.js";
import { c as m } from "../../../../index-BtlgVD4m.js";
import { StepperStepStatus as e } from "../../types/StepperStepStatus.js";
const S = 16, f = 24, g = {
  [e.COMPLETED]: "Check",
  [e.ACTIVE]: "PencilLine",
  [e.WARNING]: "CircleAlert",
  [e.ERROR]: "CircleAlert"
}, h = ({ status: s, count: n, isHorizontal: i, stepperSize: a = "sm", indicatorStyles: p }) => {
  const o = g[s], r = a === "lg";
  return /* @__PURE__ */ t(c, { className: p, children: o ? /* @__PURE__ */ t(l, { name: o, size: r ? f : S }) : /* @__PURE__ */ t(
    "span",
    {
      className: m(
        r ? "text-[length:var(--typography-base-sizes-large-font-size)]" : "text-[length:var(--typography-base-sizes-small-font-size)]",
        "font-[var(--font-weight-semibold)]",
        !i && "text-[length:var(--typography-base-sizes-large-font-size)]"
      ),
      children: n
    }
  ) });
};
h.displayName = "StepperStepCounter";
export {
  h as default
};
//# sourceMappingURL=StepperStepCounter.js.map
