"use client"

import HotelCardListing from "@/components/HotelReservation/HotelCardListing"

import styles from "./hotelListing.module.css"

import { HotelCardListingTypeEnum } from "@/types/components/hotelReservation/selectHotel/hotelCardListingProps"
import type { HotelListingProps } from "@/types/components/hotelReservation/selectHotel/map"

export default function HotelListing({
  hotels,
  activeHotelPin,
  onHotelCardHover,
}: HotelListingProps) {
  return (
    <div className={styles.hotelListing}>
      <HotelCardListing
        hotelData={hotels}
        type={HotelCardListingTypeEnum.MapListing}
        activeCard={activeHotelPin}
        onHotelCardHover={onHotelCardHover}
      />
    </div>
  )
}