import Loading from "@/components/ui/Loading";
import { Suspense } from "react";
import { redirect } from "next/navigation";
import { auth } from "@/auth";
import LoginForm from "@/components/auth/LoginForm";

export default function LoginPage() {
  return (
    <section className="flex min-h-screen items-center justify-center bg-zinc-200">
      <Suspense fallback={<Loading />}>
        <LoginContent />
      </Suspense>
    </section>
  );
}

async function LoginContent() {
  if ((await auth())?.user) redirect("/");
  return <LoginForm />;
}