"use client"

import { APIProvider } from "@vis.gl/react-google-maps"

import SelectHotelMapContent from "./SelectHotelMapContent"

import type { SelectHotelMapProps } from "@/types/components/hotelReservation/selectHotel/map"

export default function SelectHotelMap({
  apiKey,
  hotelPins,
  mapId,
  hotels,
  filterList,
  cityCoordinates,
  bookingCode,
  isBookingCodeRateAvailable,
}: SelectHotelMapProps) {
  return (
    <APIProvider apiKey={apiKey}>
      <SelectHotelMapContent
        hotelPins={hotelPins}
        cityCoordinates={cityCoordinates}
        mapId={mapId}
        hotels={hotels}
        filterList={filterList}
        bookingCode={bookingCode}
        isBookingCodeRateAvailable={isBookingCodeRateAvailable}
      />
    </APIProvider>
  )
}
