Stepper

const [step, setStep] = useState(1);

<Stepper
  value={step}                  // índice base 0 del paso activo
  onValueChange={setStep}       // si se pasa, los pasos completados son clickeables
  steps={[
    { title: "Cuenta", description: "Datos de acceso" },
    { title: "Perfil", description: "Tu información" },
    { title: "Plan", description: "Elige y paga" },
  ]}
/>