feat(LOY-63): redeem campaign

components/Blocks/DynamicContent/Rewards/Redeem/MembershipNumberBadge.tsx

@@ -0,0 +1,21 @@
+import { useIntl } from "react-intl"
+
+import Caption from "@/components/TempDesignSystem/Text/Caption"
+
+import styles from "./redeem.module.css"
+
+export default function MembershipNumberBadge({
+  membershipNumber,
+}: {
+  membershipNumber: string
+}) {
+  const intl = useIntl()
+
+  return (
+    <div className={styles.membershipNumberBadge}>
+      <Caption textAlign="center" color="uiTextHighContrast">
+        {intl.formatMessage({ id: "Membership ID:" })} {membershipNumber}
+      </Caption>
+    </div>
+  )
+}