feat(SW-630) Added alerts

components/HotelReservation/HotelCard/index.tsx

@@ -7,6 +7,7 @@ import { selectHotelMap } from "@/constants/routes/hotelReservation"
 
 import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data"
 import ImageGallery from "@/components/ImageGallery"
+import Alert from "@/components/TempDesignSystem/Alert"
 import Button from "@/components/TempDesignSystem/Button"
 import Divider from "@/components/TempDesignSystem/Divider"
 import Link from "@/components/TempDesignSystem/Link"
@@ -38,6 +39,8 @@ export default function HotelCard({
   const { hotelData } = hotel
   const { price } = hotel
 
+  console.log(hotelData)
+
   const amenities = hotelData.detailedFacilities.slice(0, 5)
 
   const classNames = hotelCardVariants({
@@ -132,6 +135,17 @@ export default function HotelCard({
             hotel={hotelData}
             showCTA={true}
           />
+          {hotelData.specialAlerts.length > 0 && (
+            <div className={styles.specialAlerts}>
+              {hotelData.specialAlerts.map((alert) => (
+                <Alert
+                  key={alert.id}
+                  type={alert.type}
+                  heading={alert.heading}
+                />
+              ))}
+            </div>
+          )}
         </section>
         <div className={styles.prices}>
           <HotelPriceList price={price} />