import { getTranslations } from "next-intl/server";

import { requireOrgMember } from "@/lib/auth-guards";

import { ProfileForm } from "./profile-form";

export default async function ProfilePage() {
  const { user } = await requireOrgMember();
  const t = await getTranslations("Settings.profile");

  return (
    <section className="flex flex-col gap-6">
      <div className="flex flex-col gap-1">
        <h2 className="text-xl font-semibold">{t("title")}</h2>
        <p className="text-sm text-muted-foreground">{t("description")}</p>
      </div>
      <ProfileForm defaultName={user.name ?? ""} email={user.email} />
    </section>
  );
}