export default function WizardProgress({ step, labels }) { return <div className="mb-6"><div className="flex items-center justify-between text-xs text-slate-500"><span>Step {step} of {labels.length}</span><span>{labels[step-1]}</span></div><div className="mt-2 h-2 overflow-hidden rounded-full bg-slate-800"><div className="h-full rounded-full bg-violet-400 transition-all" style={{width:`${step/labels.length*100}%`}}/></div></div> }