import { jsx as e } from "react/jsx-runtime";
import { StepperLayoutContext as t } from "../context/StepperLayoutContext.js";
import x from "../context/StepperProvider.js";
import { c as a } from "../../../index-BtlgVD4m.js";
const d = ({ stepper: l, variant: p = "default", children: o, className: r }) => /* @__PURE__ */ e(x, { stepper: l, children: /* @__PURE__ */ e(t.Provider, { value: { variant: p }, children: p === "dialog" ? /* @__PURE__ */ e(
  "div",
  {
    className: a(
      "bg-[var(--base-background)] rounded-lg p-6",
      "shadow-[0px_10px_15px_-3px_var(--base/shadow-10,rgba(0,0,0,0.1)),0px_4px_6px_-4px_var(--base/shadow-5,rgba(0,0,0,0.05))]",
      "flex flex-col gap-6 w-full",
      r
    ),
    children: o
  }
) : /* @__PURE__ */ e("div", { className: a("flex flex-col gap-6 w-full", r), children: o }) }) });
d.displayName = "StepperLayout";
export {
  d as StepperLayout
};
//# sourceMappingURL=StepperLayout.js.map
