"use client" import { useIntl } from "react-intl" import { mapFacilityToIcon } from "@/components/ContentType/HotelPage/data" import { CloseLargeIcon } from "@/components/Icons" import TripAdvisorIcon from "@/components/Icons/TripAdvisor" import Image from "@/components/Image" import Button from "@/components/TempDesignSystem/Button" import Chip from "@/components/TempDesignSystem/Chip" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import styles from "./hotelCardDialog.module.css" import { HotelCardDialogProps } from "@/types/components/hotelReservation/selectHotel/map" export default function HotelCardDialog({ pin, isOpen, handleClose, }: HotelCardDialogProps) { const intl = useIntl() if (!pin) { return null } const { name, publicPrice, memberPrice, currency, amenities, images, ratings, } = pin const firstImage = images[0]?.imageSizes?.small const altText = images[0]?.metaData?.altText return ( ) }