import { jsx as e } from "react/jsx-runtime";
import { useStepperLayoutVariant as t } from "../context/StepperLayoutContext.js";
import { c as o } from "../../../index-BtlgVD4m.js";
const p = ({ children: r, className: a }) => t() === "dialog" ? /* @__PURE__ */ e("div", { className: o("w-full", a), children: r }) : /* @__PURE__ */ e("div", { className: o("bg-[var(--base-background)] border border-[var(--base-border)] rounded-lg p-6 w-full", a), children: r });
p.displayName = "StepperLayoutHeader";
export {
  p as StepperLayoutHeader
};
//# sourceMappingURL=StepperLayoutHeader.js.map
