${args.content || 'Referrals'}
+Adjust the font family and primary brand color for slotted content.
+${props.error}
` : ''} + ${props.fieldHelpText ? html`${props.fieldHelpText}
` : ''} +${props.error}
` : ''} +${props.emptyStateHeader || ''}
++ ${props.emptyStateText || ''}${props.supportText ? html` ${props.supportText}` : ''} +
+Launch a branded referral campaign in minutes.
+Combine acquisition, engagement, and rewards in one experience.
+${props.description}
` : ''} + ${renderButton(props)} +${props.description}
` : ''} + ${renderButton(props)} +Visible when the path starts with /overview
+Visible only when the path exactly matches /overview
+Overview route content
+Rewards route content
+${args.content || 'This is some text content'}
+Refer your friends and earn rewards!
+Invite a friend and earn credits after their first purchase.
+${args.content || 'Section content'}
The container uses ${padding} spacing.
+The label spacing uses ${margin}.
+Embed content
+Shared fallback content
+Popup content
+Shared fallback content
+Wrapped content
+| ${props.dateShownColumn || 'Date'} | +${props.invoiceShownColumn || 'Invoice'} | +${props.downloadShownColumn || 'Download'} | +
|---|---|---|
| ${formatDate(invoice.dateCreated)} | +${getInvoiceSummary(invoice)} | ++ ${invoice.downloadUrl + ? html` + + Download + + ` + : '—'} + | +
| # | ` : null} + ${props.showUser ? html`Name | ` : null} + ${props.showStats ? html`Score | ` : null} +
|---|---|---|
| ${row.rank || index + 1} | ` + : null} + ${props.showUser + ? html`${formatName(row)} | ` + : null} + ${props.showStats + ? html`${formatValue(row)} | ` + : null} +
This is popup content rendered inside the container.
+You can place any slotted content here.
+${props.description}
+ ${props.loading + ? html`${props.subscribed ? props.subscribedText : props.unsubscribedText}
`} +${props.successText}
+ ` + : html` +${props.descriptionText}
+ ${props.resent ? html`Verification email resent.
` : ''} +${props.descriptionText}
+ ${props.error ? html`Protected content
+Protected content
+${props.verifyingText}
` + : props.status === 'success' + ? html`${props.successText}
` + : html`${props.errorText}
`} +${props.description}
` + : null} +Use this card to wrap referral content.
+| ${column.label} | `) } +|||
|---|---|---|---|
| ${formatDate(referral.dateReferralStarted)} | ` + : ''} + ${!hiddenColumns.has('name') ? html`${getName(referral)} | ` : ''} + ${!hiddenColumns.has('rewards') ? html`${getRewards(referral)} | ` : ''} + ${!hiddenColumns.has('status') + ? html` ++ + ${getStatus(referral)} + + | + ` + : ''} +
| ${props.dateShownColumn || 'Date Received'} | +${props.rewardShownColumn || 'Reward'} | +${props.sourceShownColumn || 'Source'} | +${props.statusShownColumn || 'Status'} | +
|---|---|---|---|
| ${formatDate(reward.dateGiven)} | +${getRewardValue(reward)} | +${getSource(reward)} | ++ ${getStatusText(reward)} + | +
+ ${props.descriptionText} +
+ ${props.error ? html`${props.descriptionText}
+${props.descriptionText}
+ ${props.resent ? html`${props.successMessage}
+ ` + : html` ++ By continuing, you agree to the terms and conditions. +
++ Google pre-filled your registration details. +
` + : nothing} +