Props for the RewardUSD component that displays USD value of rewards.

Whether to show abbreviated numbers (default: true)

Whether to show the USD symbol (default: true)

Content to show when reward data is not available

Optional render function or React node for custom rendering of USD value

// Standard usage
<Reward.USD abbreviated withSymbol fallback="N/A" />

// With render prop
<Reward.USD>
{(usdValue) => <div>Value: ${usdValue}</div>}
</Reward.USD>
interface RewardUSDProps {
    abbreviated?: boolean;
    withSymbol?: boolean;
    fallback?: ReactNode;
    children?: RewardUSDChildren;
}

Properties

abbreviated?: boolean
withSymbol?: boolean
fallback?: ReactNode
children?: RewardUSDChildren