import { useState } from "react";
import { Stepper } from "@/components/godui/stepper";

export function StepperInteractive() {
const [active, setActive] = useState(1);
return (
  <div className="flex flex-col items-center gap-8">
    <Stepper steps={steps} active={active} />
    <div className="flex gap-3">
      <button onClick={() => setActive((s) => Math.max(0, s - 1))}>Back</button>
      <button onClick={() => setActive((s) => Math.min(steps.length, s + 1))}>
        Next
      </button>
    </div>
  </div>
);
}

import { Stepper } from "@/components/godui/stepper";

export function StepperVertical() {
return <Stepper steps={steps} active={2} orientation="vertical" />;
}