# Rewards card

Rewards card: a free component, built on your design tokens, to use in a shop or café app's wallet or account tab. A loyalty card: the points balance, progress to the next tier, a member code drawn with the tokens for scanning at the till, and two offers with photos to activate.

Prompt: Add the OpenDesigner component rewards-card to this project: https://opendesigner.dev/library/r/rewards-card.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: offer activated, offer not activated, hover, focus.

Accessibility: The tier bar is a progress bar read as "1,240 of 2,000 points", the code is an image named for scanning, and each offer's button is a toggle with aria-pressed that names its offer.

File: https://opendesigner.dev/library/r/rewards-card.html