923206ee4c
chore(SW-3145): Move Title and Subtitle to design-system * Move Title and Subtitle to design-system * Fix export Approved-by: Linus Flood
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import Caption from "@scandic-hotels/design-system/Caption"
|
|
import Subtitle from "@scandic-hotels/design-system/Subtitle"
|
|
|
|
import styles from "./priceContainer.module.css"
|
|
|
|
interface PriceContainerProps {
|
|
adultsText: string
|
|
childrenText: string
|
|
nightsText: string
|
|
price: string
|
|
text: string
|
|
totalChildren?: number
|
|
}
|
|
|
|
export default function PriceContainer({
|
|
adultsText,
|
|
childrenText,
|
|
nightsText,
|
|
price,
|
|
text,
|
|
totalChildren = 0,
|
|
}: PriceContainerProps) {
|
|
return (
|
|
<div className={styles.priceContainer}>
|
|
<div className={styles.info}>
|
|
<Caption color="uiTextHighContrast" type="bold">
|
|
{text}
|
|
</Caption>
|
|
<Caption color="uiTextHighContrast">
|
|
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
|
|
{nightsText}, {adultsText}
|
|
{/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
|
|
{totalChildren > 0 ? `, ${childrenText}` : ""}
|
|
</Caption>
|
|
</div>
|
|
<div className={styles.wrapper}>
|
|
<Subtitle className={styles.price} color="burgundy" type="one">
|
|
{price}
|
|
</Subtitle>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|