import { useApp } from '../../context/AppContext'
import { Navigate } from 'react-router-dom'

/**
 * Protege rotas que requerem autenticação.
 * Usa o AppContext (que já tem o estado auth sincronizado com Supabase)
 * para evitar uma chamada de rede extra que causava blank screen.
 */
export function RequireAuth({ children }: { children: React.ReactNode }) {
  const { user } = useApp()

  if (!user) return <Navigate to="/login" replace />
  return <>{children}</>
}
