Files
web/packages/booking-flow/lib/components/BookingConfirmation/Promos/Promo/index.tsx
Anton Gunnarsson b0f3e4afbd Merged in chore/cleanup-booking-flow (pull request #2824)
chore: Cleanup booking-flow after migration

* Remove unused types

* Clean up exports, types, unused files etc in booking-flow


Approved-by: Joakim Jäderberg
2025-09-18 07:28:05 +00:00

36 lines
969 B
TypeScript

import { Button } from "@scandic-hotels/design-system/Button"
import Link from "@scandic-hotels/design-system/Link"
import { Typography } from "@scandic-hotels/design-system/Typography"
import styles from "./promo.module.css"
type PromoProps = {
buttonText: string
href: string
text: string
title: string
image?: {
src: string
altText: string
altText_En: string
}
}
export function Promo({ buttonText, href, text, title }: PromoProps) {
return (
<Link className={styles.link} color="none" href={href}>
<article className={styles.promo}>
<Typography variant={"Title/smLowCase"}>
<h4>{title}</h4>
</Typography>
<Typography variant={"Body/Paragraph/mdRegular"}>
<p className={styles.text}>{text}</p>
</Typography>
<Button size="Small" variant={"Secondary"} color={"Inverted"} wrapping>
<div>{buttonText}</div>
</Button>
</article>
</Link>
)
}