import { useIntl } from "react-intl" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Card from "./Card" import type { InitialProps } from "@/types/components/blocks/surprises" export default function Initial({ totalSurprises, onOpen }: InitialProps) { const intl = useIntl() return ( {totalSurprises > 1 ? ( <> {intl.formatMessage( { id: "You have {amount} gifts waiting for you!", }, { amount: totalSurprises, b: (str) => {str}, } )}
{intl.formatMessage({ id: "Hurry up and use them before they expire!", })} ) : ( intl.formatMessage({ id: "We have a special gift waiting for you!", }) )} {intl.formatMessage({ id: "You'll find all your gifts in 'My benefits'", })} ) }