export function DesignableBannerCtas()

in dotcom-rendering/src/components/marketing/banners/designableBanner/components/DesignableBannerCtas.tsx [24:62]

37 lines of code
6 McCabe index (conditional complexity)


export function DesignableBannerCtas({
	mainOrMobileContent,
	onPrimaryCtaClick,
	onSecondaryCtaClick,
	primaryCtaSettings,
	secondaryCtaSettings,
}: DesignableBannerCtasProps): JSX.Element {
	const { primaryCta, secondaryCta } = mainOrMobileContent;
	const hasSupportCta = primaryCta ? isSupportUrl(primaryCta.ctaUrl) : false;

	return (
		<div css={styles.container}>
			{primaryCta && (
				<LinkButton
					href={primaryCta?.ctaUrl}
					onClick={onPrimaryCtaClick}
					size="small"
					priority="primary"
					cssOverrides={buttonStyles(primaryCtaSettings)}
				>
					{primaryCta?.ctaText}
				</LinkButton>
			)}
			{secondaryCta?.type === SecondaryCtaType.Custom && (
				<LinkButton
					href={secondaryCta?.cta.ctaUrl}
					onClick={onSecondaryCtaClick}
					size="small"
					priority="tertiary"
					cssOverrides={buttonStyles(secondaryCtaSettings)}
				>
					{secondaryCta.cta.ctaText}
				</LinkButton>
			)}

			{primaryCta && hasSupportCta && <PaymentCards />}
		</div>
	);
}