import { useT } from "@agent-native/core/client/i18n";
import { TeamPage } from "@agent-native/core/client/org";

import { useSetPageTitle } from "@/components/layout/HeaderActions";
import messages from "@/i18n/en-US";
import { APP_TITLE } from "@/lib/app-config";

export function meta() {
  return [{ title: `${messages.header.pageTeam} — ${APP_TITLE}` }];
}

export default function TeamRoute() {
  const t = useT();
  useSetPageTitle(t("header.pageTeam"));
  return (
    <main className="mx-auto w-full max-w-3xl px-4 py-6 sm:px-6 sm:py-10">
      <TeamPage createOrgDescription={t("team.createOrgDescription")} />
    </main>
  );
}
