in dotcom-rendering/src/components/marketing/banners/designableBanner/components/DesignableBannerArticleCount.tsx [26:66]
export function DesignableBannerArticleCount({
copy,
numArticles,
settings,
}: DesignableBannerArticleCountProps): JSX.Element {
if (copy && containsArticleCountTemplate(copy)) {
// Custom article count message
return (
<CustomArticleCountCopy
numArticles={numArticles}
copy={copy}
settings={settings}
/>
);
} else if (numArticles >= 50) {
return (
<div css={styles.container(settings.articleCountTextColour)}>
Congratulations on being one of our top readers globally –
you've read{' '}
<DesignableBannerArticleCountOptOut
numArticles={numArticles}
nextWord=" articles"
settings={settings}
/>{' '}
in the last year
</div>
);
} else {
return (
<div css={styles.container(settings.articleCountTextColour)}>
You've read{' '}
<DesignableBannerArticleCountOptOut
numArticles={numArticles}
nextWord=" articles"
settings={settings}
/>{' '}
in the last year
</div>
);
}
}