"use client";

import { useRouter } from "next/navigation";
import { useEffect } from "react";

import LoadingScreen from "@/components/common/LoadingScreen/LoadingScreen";
import { useAuth } from "@/hooks/useAuth";

export default function RootRedirect(): React.ReactElement {
  const router = useRouter();
  const { isAuthenticated, isVerifying } = useAuth();

  useEffect(() => {
    if (!isVerifying) {
      if (isAuthenticated) {
        router.push("/main");
      } else {
        router.push("/login");
      }
    }
  }, [isAuthenticated, isVerifying, router]);

  return <LoadingScreen />;
}