import type { Metadata } from "next";
import { Suspense } from "react";
import { GuestRoute } from "@/components/AuthGuards";
import LoginForm from "@/components/LoginForm";

export const metadata: Metadata = {
  title: "Login | IranBay",
};

export default function LoginPage() {
  return (
    <GuestRoute>
      <Suspense
        fallback={
          <div
            style={{
              minHeight: "100vh",
              display: "grid",
              placeItems: "center",
              background: "#f6f6f6",
              fontSize: 12,
              letterSpacing: "0.2em",
              textTransform: "uppercase",
              color: "#8e8e8e",
            }}
          >
            Loading
          </div>
        }
      >
        <LoginForm />
      </Suspense>
    </GuestRoute>
  );
}