import { SelectHotelPage as SelectHotelPagePrimitive } from "@scandic-hotels/booking-flow/pages/SelectHotelPage"
import { toCapitalCase } from "@scandic-hotels/common/utils/toCapitalCase"

import { getLang } from "@/i18n/serverContext"

import type { Metadata } from "next"

import type { LangParams, PageArgs } from "@/types/params"

export async function generateMetadata({
  searchParams,
}: PageArgs<LangParams>): Promise<Metadata> {
  const { city } = await searchParams

  if (!city || Array.isArray(city)) {
    return {}
  }

  return {
    title: `${toCapitalCase(city)}`,
  }
}

export default async function SelectHotelPage(props: PageArgs<LangParams>) {
  const searchParams = await props.searchParams
  const lang = await getLang()

  return <SelectHotelPagePrimitive lang={lang} searchParams={searchParams} />
}