import { Suspense } from "react"
import { RegisterForm } from "./register-form"

export const metadata = {
  title: "注册新账号 - Fluxent",
  description: "创建您的 Fluxent 多币种资产与记账账户",
}

export default function RegisterPage() {
  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>
      }
    >
      <RegisterForm />
    </Suspense>
  )
}