import ItineraryTypesParent from "@/component/itinerary-types/ItineraryTypesParent";
import {
  getAllItineraryTypes,
  getItineraryTypeBySlug,
} from "@/service/dataService";

export async function generateMetadata({
  params,
}: {
  params: { name: string };
}) {
  const data = await getItineraryTypeBySlug({ slug: params.name });
  return {
    title: `${data.name} | Kearsleys - Travel & Tours`,
    description: data.aboutSection.description[0],
    openGraph: {
      images: [data.imageUrl],
    },
  };
}

export default function page({
  params,
}: {
  params: {
    name: string;
  };
}) {
  return (
    <main className="main-container">
      <ItineraryTypesParent name={params.name} />
    </main>
  );
}

export async function generateStaticParams() {
  const data = await getAllItineraryTypes();

  return data.map((item) => ({
    name: item.slug,
  }));
}