import { ReactElement } from "react"

import { HotelData } from "../../hotelReservation/selectHotel/hotelCardListingProps"
import { HotelPin } from "../../hotelReservation/selectHotel/map"

import type { Coordinates } from "@/types/components/maps/coordinates"
import type { PointOfInterest } from "@/types/hotel"

export interface InteractiveMapProps {
  coordinates: Coordinates
  pointsOfInterest?: PointOfInterest[]
  activePoi?: PointOfInterest["name"] | null
  hotelPins?: HotelPin[]
  activeHotelPin?: HotelPin["name"] | null
  mapId: string
  closeButton: ReactElement
  onActivePoiChange?: (poi: PointOfInterest["name"] | null) => void
  onActiveHotelPinChange?: (hotelPin: HotelPin["name"] | null) => void
}
