import { Suspense } from "react";
import type { Metadata } from "next";

import { redirectIfLoggedIn } from "@/data/auth";
import { LoginForm } from "./_components/login-form";

export const metadata: Metadata = {
  title: "Masuk · Cleo Minimarket",
};

export default function LoginPage() {
  return (
    <main className="flex flex-1 items-center justify-center bg-[#E8E7E1] px-4 py-8 sm:py-12 dark:bg-[#0B0C0B]">
      <div className="w-full max-w-[22rem]">
        <Suspense fallback={null}>
          <LoginContent />
        </Suspense>
      </div>
    </main>
  );
}

async function LoginContent() {
  await redirectIfLoggedIn();
  return <LoginForm />;
}