Multi Step Progress

"use client"

import { useState } from "react"
import { MultiStepProgress, Step } from "@/components/ui/multi-step-progress";

const steps: Step[] = [
  { id: 1, title: "Account", description: "Create your account" },
  { id: 2, title: "Profile", description: "Set up your profile" },
  { id: 3, title: "Preferences", description: "Choose your preferences" },
  { id: 4, title: "Verification", description: "Verify your email" },
  { id: 5, title: "Complete", description: "You're all set!" },
]

export default function StepperDemo() {
  const [currentStep, setCurrentStep] = useState(3)

  return (
    <MultiStepProgress
      steps={steps}
      currentStep={currentStep}
      onStepChange={setCurrentStep}
    />
  )
}