interface PageLoaderProps {
  message?: string;
}

/**
 * Estado de carga a pantalla completa, reutilizado en dos escenarios:
 * como fallback de <Suspense> mientras React descarga el chunk de una
 * ruta cargada con lazy(), y en los formularios de detalle mientras
 * traen sus datos desde el Service Layer. Mantener un solo componente
 * evita que cada pantalla reinvente su propio "Cargando..." con
 * estilos ligeramente distintos.
 */
export default function PageLoader({ message = "Cargando…" }: PageLoaderProps) {
  return (
    <div className="p-4 bg-[var(--color-surface)] h-full flex flex-col font-sans select-none text-xs text-[var(--color-text)]">
      <div className="text-xs text-[var(--color-primary)] py-4">{message}</div>
    </div>
  );
}