import Button from "@/components/TempDesignSystem/Button"
import Body from "@/components/TempDesignSystem/Text/Body"
import Title from "@/components/TempDesignSystem/Text/Title"

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

import type { PromoProps } from "@/types/components/hotelReservation/bookingConfirmation/promo"

export default function Promo({ buttonText, text, title }: PromoProps) {
  return (
    <article className={styles.promo}>
      <Title color="white" level="h4">
        {title}
      </Title>
      <Body className={styles.text} color="white" textAlign="center">
        {text}
      </Body>
      <Button intent="primary" size="small" theme="primaryStrong">
        {buttonText}
      </Button>
    </article>
  )
}
