egutierrez
97a3c84625
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>
45 lines
792 B
TypeScript
45 lines
792 B
TypeScript
import * as React from 'react'
|
|
import { NavLink } from '@mantine/core'
|
|
|
|
interface FnNavLinkProps {
|
|
label: string
|
|
description?: string
|
|
icon?: React.ReactNode
|
|
active?: boolean
|
|
onClick?: React.MouseEventHandler<HTMLButtonElement>
|
|
href?: string
|
|
children?: React.ReactNode
|
|
opened?: boolean
|
|
defaultOpened?: boolean
|
|
}
|
|
|
|
function FnNavLink({
|
|
label,
|
|
description,
|
|
icon,
|
|
active,
|
|
onClick,
|
|
href,
|
|
children,
|
|
opened,
|
|
defaultOpened,
|
|
}: FnNavLinkProps) {
|
|
return (
|
|
<NavLink
|
|
label={label}
|
|
description={description}
|
|
leftSection={icon}
|
|
active={active}
|
|
onClick={onClick}
|
|
href={href}
|
|
opened={opened}
|
|
defaultOpened={defaultOpened}
|
|
>
|
|
{children}
|
|
</NavLink>
|
|
)
|
|
}
|
|
|
|
export { FnNavLink }
|
|
export type { FnNavLinkProps }
|