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>
34 lines
861 B
TypeScript
34 lines
861 B
TypeScript
import * as React from 'react'
|
|
import { AppShell } from '@mantine/core'
|
|
|
|
interface FnAppShellProps {
|
|
header?: React.ReactNode
|
|
navbar?: React.ReactNode
|
|
navbarWidth?: number
|
|
navbarCollapsed?: boolean
|
|
children: React.ReactNode
|
|
}
|
|
|
|
function FnAppShell({
|
|
header,
|
|
navbar,
|
|
navbarWidth = 250,
|
|
navbarCollapsed = false,
|
|
children,
|
|
}: FnAppShellProps) {
|
|
return (
|
|
<AppShell
|
|
header={header ? { height: 60 } : undefined}
|
|
navbar={navbar ? { width: navbarWidth, breakpoint: 'sm', collapsed: { mobile: navbarCollapsed, desktop: navbarCollapsed } } : undefined}
|
|
padding="md"
|
|
>
|
|
{header && <AppShell.Header>{header}</AppShell.Header>}
|
|
{navbar && <AppShell.Navbar p="md">{navbar}</AppShell.Navbar>}
|
|
<AppShell.Main>{children}</AppShell.Main>
|
|
</AppShell>
|
|
)
|
|
}
|
|
|
|
export { FnAppShell }
|
|
export type { FnAppShellProps }
|