Merged in feat/SW-3542-update-color-variables-to- (pull request #2970)
feat(SW-3542): Updated the color variables for MVP Approved-by: Joakim Jäderberg
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
import { useIntl } from "react-intl"
|
||||
|
||||
import Body from "@scandic-hotels/design-system/Body"
|
||||
import Title from "@scandic-hotels/design-system/Title"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import { AddToCalendar } from "../../AddToCalendar"
|
||||
import { AddToCalendarButton } from "./Actions/AddToCalendarButton"
|
||||
@@ -56,14 +56,16 @@ export function Header({
|
||||
return (
|
||||
<header className={styles.header}>
|
||||
<hgroup className={styles.hgroup}>
|
||||
<Title as="h2" color="red" textTransform="uppercase" type="h2">
|
||||
{intl.formatMessage({
|
||||
defaultMessage: "Booking confirmation",
|
||||
})}
|
||||
</Title>
|
||||
<Title as="h2" color="burgundy" textTransform="uppercase" type="h1">
|
||||
{hotel.name}
|
||||
</Title>
|
||||
<Typography variant={"Title/md"}>
|
||||
<h2 className={styles.confirmTitle}>
|
||||
{intl.formatMessage({
|
||||
defaultMessage: "Booking confirmation",
|
||||
})}
|
||||
</h2>
|
||||
</Typography>
|
||||
<Typography variant={"Title/md"}>
|
||||
<h2 className={styles.hotelTitle}>{hotel.name}</h2>
|
||||
</Typography>
|
||||
</hgroup>
|
||||
<Body className={styles.body}>{text}</Body>
|
||||
<div className={styles.actions}>
|
||||
|
||||
Reference in New Issue
Block a user