feat(SW-340): Added Hotel Card Listing on map

components/HotelReservation/SelectHotel/SelectHotelMap/HotelListing/index.tsx

@@ -1,13 +1,15 @@
 "use client"
 
+import HotelCardListing from "@/components/HotelReservation/HotelCardListing"
+
 import styles from "./hotelListing.module.css"
 
-import { HotelListingProps } from "@/types/components/hotelReservation/selectHotel/map"
+import type { HotelListingProps } from "@/types/components/hotelReservation/selectHotel/map"
 
-// TODO: This component is copied from
-// components/ContentType/HotelPage/Map/DynamicMap/Sidebar.
-// Look at that for inspiration on how to do the interaction with the map.
-
-export default function HotelListing({}: HotelListingProps) {
-  return <section className={styles.hotelListing}>Hotel listing TBI</section>
+export default function HotelListing({ hotels }: HotelListingProps) {
+  return (
+    <div className={styles.hotelListing}>
+      <HotelCardListing hotelData={hotels} type="map" />
+    </div>
+  )
 }