Stepper

import { Stepper } from '@/components/ui/stepper'

const steps = [
  {
    label: 'Account Setup',
    status: 'complete',
    description: 'Create your account'
  },
  {
    label: 'Profile Details',
    status: 'active',
    description: 'Add your information'
  },
  {
    label: 'Verification',
    status: 'pending',
    description: 'Verify your identity'
  }
]

export default function Example() {
  return (
    <Stepper
      orientation="horizontal"
      steps={steps}
      showProgress={true}
      onStepClick={(step, idx) => console.log(step)}
    />
  )
}