46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
"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({ id: "View and buy add-ons" })}
|
|
href={`${myBookingUrl}?bookingId=${confirmationNumber}&lastName=${lastName}`}
|
|
text={intl.formatMessage({
|
|
id: "Discover the little extra touches to make your upcoming stay even more unforgettable.",
|
|
})}
|
|
title={intl.formatMessage({ id: "Spice things up" })}
|
|
/>
|
|
<Promo
|
|
buttonText={intl.formatMessage({ id: "Book another stay" })}
|
|
href={`${homeUrl}?hotel=${hotelId}`}
|
|
text={intl.formatMessage({
|
|
id: "Get inspired and start dreaming beyond your next trip. Explore more Scandic destinations.",
|
|
})}
|
|
title={intl.formatMessage({ id: "Book your next stay" })}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|