export function DesignableBannerArticleCount()

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&apos;ve read{' '}
				<DesignableBannerArticleCountOptOut
					numArticles={numArticles}
					nextWord=" articles"
					settings={settings}
				/>{' '}
				in the last year
			</div>
		);
	} else {
		return (
			<div css={styles.container(settings.articleCountTextColour)}>
				You&apos;ve read{' '}
				<DesignableBannerArticleCountOptOut
					numArticles={numArticles}
					nextWord=" articles"
					settings={settings}
				/>{' '}
				in the last year
			</div>
		);
	}
}