import { PackageOpen } from "lucide-react";
import SignInForm from "./components/SignInForm";
import { redirect } from "next/dist/client/components/navigation";
import { getServerAuthSession } from "@/server/auth";

export default async function SignInPage() {
  const session = await getServerAuthSession();
  if (session) {
    redirect("/");
  }

  return (
    <div className="grid min-h-screen grid-rows-6 justify-center">
      <div className="row-span-2 flex w-96 items-center justify-center space-x-2">
        <span>
          <PackageOpen size="60" className="" />
        </span>
        <p className="text-6xl">Hoarder</p>
      </div>
      <div className="row-span-4 px-3">
        <SignInForm />
      </div>
    </div>
  );
}