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",
};

export default function LoginPage() {
  return (
    <main className="flex flex-1 items-center justify-center p-4">
      <div className="w-full max-w-sm">
        <Suspense fallback={null}>
          <LoginContent />
        </Suspense>
      </div>
    </main>
  );
}

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