923206ee4c
chore(SW-3145): Move Title and Subtitle to design-system * Move Title and Subtitle to design-system * Fix export Approved-by: Linus Flood
28 lines
898 B
TypeScript
28 lines
898 B
TypeScript
import Body from "@scandic-hotels/design-system/Body"
|
|
import Title from "@scandic-hotels/design-system/Title"
|
|
|
|
import Button from "@/components/TempDesignSystem/Button"
|
|
import Link from "@/components/TempDesignSystem/Link"
|
|
|
|
import styles from "./promo.module.css"
|
|
|
|
import type { PromoProps } from "@/types/components/hotelReservation/bookingConfirmation/promo"
|
|
|
|
export default function Promo({ buttonText, href, text, title }: PromoProps) {
|
|
return (
|
|
<Link className={styles.link} color="none" href={href}>
|
|
<article className={styles.promo}>
|
|
<Title color="white" level="h4">
|
|
{title}
|
|
</Title>
|
|
<Body className={styles.text} color="white" textAlign="center">
|
|
{text}
|
|
</Body>
|
|
<Button asChild intent="primary" size="small" theme="primaryStrong">
|
|
<div>{buttonText}</div>
|
|
</Button>
|
|
</article>
|
|
</Link>
|
|
)
|
|
}
|