import { Suspense } from "react"
import { LoginForm } from "./login-form"

export const metadata = {
  title: "登录 - Fluxent",
  description: "Fluxent 多币种资产与全场景记账系统",
}

export default function LoginPage() {
  const oidcEnabled = process.env.AUTH_OIDC_ENABLED === "true"
  const oidcName = process.env.AUTH_OIDC_NAME || "统一身份认证 (SSO)"

  return (
    <Suspense
      fallback={
        <div className="flex min-h-svh items-center justify-center bg-background">
          <div className="size-6 animate-spin rounded-full border-2 border-primary border-t-transparent" />
        </div>
      }
    >
      <LoginForm oidcEnabled={oidcEnabled} oidcName={oidcName} />
    </Suspense>
  )
}