Props for the RewardAmount component that displays reward amounts.

Whether to show abbreviated numbers (default: true), ie: 2700000 vs 2.7M

Whether to show the token symbol (default: true), ie: 2.7M ETH

Content to show when reward data is not available

Optional render function or React node for custom rendering of reward amount

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

// With render prop
<Reward.Amount>
{(incentive) => <div>Amount: {incentive.rewardAmount}</div>}
</Reward.Amount>
interface RewardAmountProps {
    abbreviated?: boolean;
    withSymbol?: boolean;
    fallback?: ReactNode;
    children?: RewardAmountChildren;
}

Properties

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