export function SubscriptionStartItems()

in support-frontend/assets/components/thankYou/subscriptionStart/subscriptionStartItems.tsx [35:95]
61 lines of code
4 McCabe index (conditional complexity)

export function SubscriptionStartItems({
	productKey,
	startDate,
}: SubscriptionStartProps): JSX.Element | null {
	const paperCopy = (
		<span css={[downloadCopy, subscriptionItems]}>
			<div>
				{startDate && (
					<p css={boldText}>
						{`You will receive your newspaper from ${startDate}`}
					</p>
				)}
				{productKey === 'SubscriptionCard' && (
					<p css={paragraphSpacing}>
						You will receive your Subscription Card in your subscriber pack in
						the post, along with your home delivery letter.
					</p>
				)}
				<p>
					Visit your chosen participating newsagent to pick up your newspaper
					using your Subscription Card, or arrange a home delivery using your
					delivery letter.
				</p>
			</div>
		</span>
	);
	const guardianWeeklyCopy = (
		<span css={[downloadCopy, subscriptionItems]}>
			<div>
				<p css={boldText}>
					{`Your first issue of Guardian Weekly will be published on ${startDate}`}
				</p>
				<p>
					Please allow one to seven days after the publication date for your
					copy to be delivered to your door, depending on postal services.
				</p>
			</div>
		</span>
	);
	const copyContent: Partial<Record<ActiveProductKey, JSX.Element>> = {
		HomeDelivery: paperCopy,
		NationalDelivery: paperCopy,
		SubscriptionCard: paperCopy,
		GuardianWeeklyRestOfWorld: guardianWeeklyCopy,
		GuardianWeeklyDomestic: guardianWeeklyCopy,
		TierThree: (
			<span css={[downloadCopy, subscriptionItems]}>
				{guardianWeeklyCopy}
				<div>
					<p css={boldText}>Your digital benefits start today.</p>
					<p>
						Please ensure you are signed in on all your devices to enjoy all
						your benefits, including unlimited app access and uninterrupted
						ad-free reading.
					</p>
				</div>
			</span>
		),
	};
	return copyContent[productKey] ?? null;
}