import { jsx as p } from "react/jsx-runtime";
import { useContext as l } from "react";
import { StepperContext as S } from "../context/StepperContext.js";
import { useStepperLayoutVariant as f } from "../context/StepperLayoutContext.js";
import { c as a } from "../../../index-BtlgVD4m.js";
import v from "../../stepper/Stepper.js";
const b = ({ children: n, className: o }) => {
  const t = l(S), i = f();
  if (!t) throw new Error("StepperLayoutNav must be used inside <StepperLayout>");
  const c = t.activeStep, d = t.steps.map((e, r) => e.status === "completed" ? r : -1).filter((e) => e !== -1), m = t.steps.map((e, r) => e.status === "error" ? r : -1).filter((e) => e !== -1), u = t.steps.map((e, r) => e.status === "warning" ? r : -1).filter((e) => e !== -1), s = /* @__PURE__ */ p(v, { activeSteps: c, completedSteps: d, errorSteps: m, warningSteps: u, children: n });
  return i === "dialog" ? /* @__PURE__ */ p("div", { className: a("w-full", o), children: s }) : /* @__PURE__ */ p("div", { className: a("bg-[var(--base-background)] border border-[var(--base-border)] rounded-lg p-6 w-full", o), children: s });
};
b.displayName = "StepperLayoutNav";
export {
  b as StepperLayoutNav
};
//# sourceMappingURL=StepperLayoutNav.js.map
