"use client" import { useIntl } from "react-intl" import CopyIcon from "@/components/Icons/Copy" import Button from "@/components/TempDesignSystem/Button" import Body from "@/components/TempDesignSystem/Text/Body" import Caption from "@/components/TempDesignSystem/Text/Caption" import Title from "@/components/TempDesignSystem/Text/Title" import { toast } from "@/components/TempDesignSystem/Toasts" import { RewardIcon } from "../../RewardIcon" import styles from "../redeem.module.css" import type { RewardWithRedeem } from "@/server/routers/contentstack/reward/output" export default function Campaign({ reward }: { reward: RewardWithRedeem }) { const intl = useIntl() function handleCopy() { navigator.clipboard.writeText(reward.operaRewardId) toast.success(intl.formatMessage({ id: "Copied to clipboard" })) } return ( <>
{reward.label} {reward.description}
{intl.formatMessage({ id: "Promo code" })} {reward.operaRewardId}
) }