interface Props {
pasos: string[]
pasoActual: number
onIrAPaso: (paso: number) => void
}
/** Palomita de paso completado */
function IconoCheck() {
return (
)
}
/**
* Stepper de progreso del wizard; permite volver a pasos ya visitados.
* En lg se muestra vertical (sidebar sticky en la página); en móvil colapsa
* a una barra horizontal de progreso.
*/
export default function Stepper({ pasos, pasoActual, onIrAPaso }: Props) {
const avance = Math.round(((pasoActual + 1) / pasos.length) * 100)
return (
<>
{/* Móvil: barra horizontal de progreso */}
{pasos[pasoActual]}
Paso {pasoActual + 1} de {pasos.length}
{/* Escritorio: lista vertical con el estado de cada paso */}
)
}