import type { Metadata } from "next";
import { headers } from "next/headers";
import { auth } from "@/lib/auth/server";
import { PeopleSearch } from "@/components/social/people-search";
import { getMessages } from "@/lib/i18n/server";

export const metadata: Metadata = {};

export default async function PeoplePage() {
  const session = await auth.api.getSession({ headers: await headers() });
  const m = getMessages((session?.user as { locale?: string } | undefined)?.locale);

  return (
    <div className="max-w-2xl mx-auto space-y-6">
      <div>
        <h1 className="text-2xl font-bold tracking-tight">{m.people.title}</h1>
        <p className="text-muted-foreground text-sm mt-1">{m.people.subtitle}</p>
      </div>
      <PeopleSearch />
    </div>
  );
}