web/apps/scandic-web/components/HotelReservation/BookingConfirmation/Promos/index.tsx

"use client"
import { useIntl } from "react-intl"

import { homeHrefs } from "@/constants/homeHrefs"
import { myBooking } from "@/constants/myBooking"
import { env } from "@/env/client"

import useLang from "@/hooks/useLang"

import Promo from "./Promo"

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

import type { PromosProps } from "@/types/components/hotelReservation/bookingConfirmation/promos"

export default function Promos({
  confirmationNumber,
  hotelId,
  lastName,
}: PromosProps) {
  const intl = useIntl()
  const lang = useLang()
  const homeUrl = homeHrefs[env.NEXT_PUBLIC_NODE_ENV][lang]
  const myBookingUrl = myBooking[env.NEXT_PUBLIC_NODE_ENV][lang]
  return (
    <div className={styles.promos}>
      <Promo
        buttonText={intl.formatMessage({
          defaultMessage: "View and buy add-ons",
        })}
        href={`${myBookingUrl}?bookingId=${confirmationNumber}&lastName=${lastName}`}
        text={intl.formatMessage({
          defaultMessage:
            "Discover the little extra touches to make your upcoming stay even more unforgettable.",
        })}
        title={intl.formatMessage({
          defaultMessage: "Spice things up",
        })}
      />
      <Promo
        buttonText={intl.formatMessage({
          defaultMessage: "Book another stay",
        })}
        href={`${homeUrl}?hotel=${hotelId}`}
        text={intl.formatMessage({
          defaultMessage:
            "Get inspired and start dreaming beyond your next trip. Explore more Scandic destinations.",
        })}
        title={intl.formatMessage({
          defaultMessage: "Book your next stay",
        })}
      />
    </div>
  )
}