import { jsx as i, jsxs as t } from "react/jsx-runtime";
import o from "../../StepperLayout.js";
import s from "../../../box/Box.js";
import r from "../../../text/Text.js";
const n = ({ step: e }) => /* @__PURE__ */ t(s, { className: "flex flex-col gap-[var(--spacing-4)]", children: [
  /* @__PURE__ */ t(r, { children: [
    "Step ",
    e + 1
  ] }),
  /* @__PURE__ */ t(r, { children: [
    "Replace this placeholder with your form or view for step ",
    e + 1,
    "."
  ] })
] }), a = [
  { title: "Grundlagen", description: "Very Basic information", status: "completed" },
  { title: "Grundlagen", description: "Basic information" },
  { title: "Validation", description: "Validate your data", status: "error" },
  { title: "Review", description: "Review your settings", status: "warning" },
  { title: "Zusammenfassung", description: "Review and submit" }
], u = () => /* @__PURE__ */ i(
  o,
  {
    steps: a,
    activeStep: 1,
    onNext: () => {
    },
    nextButton: {
      disabled: !0
    },
    backButton: {
      disabled: !0
    },
    onBack: () => {
    },
    children: /* @__PURE__ */ i(n, { step: 1 })
  }
);
export {
  u as default
};
//# sourceMappingURL=StepStatuses.js.map
