import { useRouter } from "next/router";
import { useEffect } from "react";
import { useAuth } from "../context/Auth";

const ProtectedRoute = ({ children }: { children: React.ReactNode }) => {
  const { user, loading } = useAuth();
  const router = useRouter();
  useEffect(() => {
    if (!loading) {
      console.log("User:", user);
      if (!user) {
        router.push("/login");
      }
    }
  }, [router, user]);
  return <>{user ? children : null}</>;
};

export default ProtectedRoute;