egutierrez
2d108c295a
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind. Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind. Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.) y MantineProvider como wrapper estándar del sistema de temas. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
46 lines
916 B
TypeScript
46 lines
916 B
TypeScript
import * as React from 'react'
|
|
import { Stepper } from '@mantine/core'
|
|
|
|
interface StepDef {
|
|
label: string
|
|
description?: string
|
|
icon?: React.ReactNode
|
|
}
|
|
|
|
interface FnStepperProps {
|
|
steps: StepDef[]
|
|
active: number
|
|
onStepClick?: (step: number) => void
|
|
orientation?: 'horizontal' | 'vertical'
|
|
allowNextStepsSelect?: boolean
|
|
}
|
|
|
|
function FnStepper({
|
|
steps,
|
|
active,
|
|
onStepClick,
|
|
orientation = 'horizontal',
|
|
allowNextStepsSelect = false,
|
|
}: FnStepperProps) {
|
|
return (
|
|
<Stepper
|
|
active={active}
|
|
onStepClick={onStepClick}
|
|
orientation={orientation}
|
|
allowNextStepsSelect={allowNextStepsSelect}
|
|
>
|
|
{steps.map((step, i) => (
|
|
<Stepper.Step
|
|
key={i}
|
|
label={step.label}
|
|
description={step.description}
|
|
icon={step.icon}
|
|
/>
|
|
))}
|
|
</Stepper>
|
|
)
|
|
}
|
|
|
|
export { FnStepper }
|
|
export type { FnStepperProps, StepDef }
|