import type { Metadata } from "next";
import { redirect } from "next/navigation";
import { NarrowCard } from "@/components/narrow-card";
import { api, getMe, unwrap } from "@/lib/api";
import { SignUpForm } from "./signup-form";

export const metadata: Metadata = { title: "Create account" };

export default async function SignUp() {
  if (await getMe()) redirect("/account");
  const { registration } = unwrap(await api.hub.get());
  const description =
    registration === "closed"
      ? "One T5DE account for all your IMVU accounts. New accounts need a moderator's approval."
      : "One T5DE account for all your IMVU accounts.";
  return (
    <NarrowCard title="Create account" description={description}>
      <SignUpForm />
    </NarrowCard>
  );
}