a7ac79e429
chore(SW-3145): Move Caption to design-system * Move Caption to design-system * Mark Caption as deprecated Approved-by: Linus Flood Approved-by: Joakim Jäderberg
27 lines
571 B
TypeScript
27 lines
571 B
TypeScript
import { useIntl } from "react-intl"
|
|
|
|
import Caption from "@scandic-hotels/design-system/Caption"
|
|
|
|
import styles from "./redeem.module.css"
|
|
|
|
export default function MembershipNumberBadge({
|
|
membershipNumber,
|
|
}: {
|
|
membershipNumber: string
|
|
}) {
|
|
const intl = useIntl()
|
|
|
|
return (
|
|
<div className={styles.rewardBadge}>
|
|
<Caption textAlign="center" color="uiTextHighContrast">
|
|
{intl.formatMessage(
|
|
{
|
|
defaultMessage: "Membership ID: {id}",
|
|
},
|
|
{ id: membershipNumber }
|
|
)}
|
|
</Caption>
|
|
</div>
|
|
)
|
|
}
|