Files
fn_registry/frontend/functions/ui/loading_overlay.tsx
T
egutierrez 97a3c84625 refactor: migrate frontend from shadcn/Tailwind to Mantine v9
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>
2026-04-06 23:46:44 +02:00

27 lines
587 B
TypeScript

import { LoadingOverlay } from '@mantine/core'
interface FnLoadingOverlayProps {
visible: boolean
loaderSize?: number | string
overlayBlur?: number
overlayOpacity?: number
}
function FnLoadingOverlay({
visible,
loaderSize,
overlayBlur = 2,
overlayOpacity = 0.5,
}: FnLoadingOverlayProps) {
return (
<LoadingOverlay
visible={visible}
loaderProps={loaderSize ? { size: loaderSize } : undefined}
overlayProps={{ blur: overlayBlur, backgroundOpacity: overlayOpacity }}
/>
)
}
export { FnLoadingOverlay }
export type { FnLoadingOverlayProps }