import ContentProgramSection from "@/components/sections/ProgramDetailsPage/ContentProgramSection/Index";
import HeroProgramImage from "@/components/sections/ProgramDetailsPage/HeroProgramImage/Index";
import { getEventDetails } from "@/lib/api/EventDetails";
import { notFound } from "next/navigation";

export default async function ProgramDetailsPage({
  params,
}: {
  params: Promise<{ programId: string }>;
}) {
  const { programId } = await params;

  const eventDetails = await getEventDetails(parseInt(programId));

  if (!eventDetails) {
    return notFound();
  }

  return (
    <>
      <HeroProgramImage image={eventDetails.image} title={eventDetails.title} />
      <ContentProgramSection eventDetails={eventDetails} />
    </>
  );
}