/**
 * app/(auth)/register/page.tsx
 * Registration page with Firebase account creation + MongoDB profile setup.
 * Premium black & white split-screen design.
 */

"use client";

import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { Loader2 } from "lucide-react";
import { useAuth } from "@/hooks/useAuth";

export default function RegisterPage() {
  const router = useRouter();
  const { loading, user } = useAuth();

  useEffect(() => {
    if (!loading) {
      if (user) {
        router.replace("/dashboard/register");
      } else {
        router.replace("/login");
      }
    }
  }, [loading, user, router]);

  return (
    <div className="min-h-screen flex items-center justify-center bg-white">
      <Loader2 className="h-8 w-8 animate-spin text-black" />
    </div>
  );
}