import React, { Suspense } from "react";
import { Metadata } from "next";
import { LoginView } from "@/components/auth/LoginView";
import { brandConfig } from "@/config/brand";

export const metadata: Metadata = {
  title: `Masuk ke Akun — ${brandConfig.appName} | ${brandConfig.schoolName}`,
  description: `Halaman login resmi sistem informasi manajemen terpadu ${brandConfig.schoolName} (${brandConfig.appName}).`,
};

export default function LoginPage() {
  return (
    <Suspense
      fallback={
        <div className="min-h-screen bg-slate-50 flex items-center justify-center">
          <div className="w-8 h-8 border-3 border-blue-600 border-t-transparent rounded-full animate-spin" />
        </div>
      }
    >
      <LoginView />
    </Suspense>
  );
}