b3c4761ae5
Chore/BOOK-773 replace old typography variables * chore(BOOK-773): Replaced body typography * chore(BOOK-773): Replaced caption typography * chore(BOOK-773): Replaced footnote typography * chore(BOOK-773): Replaced subtitle typography Approved-by: Bianca Widstam
30 lines
799 B
TypeScript
30 lines
799 B
TypeScript
import { Minus } from "react-feather"
|
|
|
|
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
|
import { Typography } from "@scandic-hotels/design-system/Typography"
|
|
|
|
import styles from "./rewardValue.module.css"
|
|
|
|
import type { RewardValueProps } from "@/types/components/overviewTable"
|
|
|
|
export default function RewardValue({ reward }: RewardValueProps) {
|
|
if (!reward) {
|
|
return <Minus color="var(--UI-Grey-40)" />
|
|
}
|
|
if (!reward.value) {
|
|
return (
|
|
<MaterialIcon
|
|
icon="check_circle"
|
|
size={32}
|
|
color="Icon/Feedback/Success"
|
|
className={styles.checkIcon}
|
|
/>
|
|
)
|
|
}
|
|
return (
|
|
<Typography variant="Body/Paragraph/mdBold">
|
|
<div className={styles.rewardValueContainer}>{reward.value}</div>
|
|
</Typography>
|
|
)
|
|
}
|