import { ActorHero } from "@/components/molecules/ActorHero";
import { TMDB } from "@/lib/tmdb";

export default async function Page({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const actorId = Number((await params).id);

  const personDetails = await TMDB.getPersonDetails(actorId);

  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
      <ActorHero personDetails={personDetails} />
    </div>
  );
}