"use client" import { useIntl } from "react-intl" import { useEnterDetailsStore } from "@/stores/enter-details" import Contact from "@/components/HotelReservation/Contact" import Divider from "@/components/TempDesignSystem/Divider" import SidePeek from "@/components/TempDesignSystem/SidePeek" import Body from "@/components/TempDesignSystem/Text/Body" import styles from "./enterDetailsSidePeek.module.css" import { SidePeekEnum, SidePeekProps, } from "@/types/components/hotelReservation/enterDetails/sidePeek" export default function EnterDetailsSidePeek({ hotel }: SidePeekProps) { const activeSidePeek = useEnterDetailsStore((state) => state.activeSidePeek) const close = useEnterDetailsStore((state) => state.closeSidePeek) const intl = useIntl() return (
{hotel.hotelContent.texts.descriptions.medium} {hotel.hotelContent.texts.facilityInformation .split(/[\n\r]/g) .filter((p) => p) .map((paragraph, idx) => ( {paragraph} ))}
) }