function Footer()

in support-frontend/assets/components/footerCompliant/Footer.tsx [30:105]
72 lines of code
3 McCabe index (conditional complexity)

function Footer({
	centred,
	children,
	termsConditionsLink,
}: PropTypes): JSX.Element {
	function showPrivacyManager() {
		cmp.showPrivacyManager();
	}

	return (
		<footer id="qa-footer" css={componentFooter} role="contentinfo">
			<ThemeProvider theme={linkThemeBrand}>
				{Children.count(children) > 0 && (
					<FooterContent
						appearance={{
							border: true,
							paddingTop: true,
							centred,
						}}
					>
						<div>
							<Rows>{children}</Rows>
						</div>
					</FooterContent>
				)}
				<FooterContent
					appearance={{
						border: true,
						centred,
					}}
				>
					<ul css={linksList}>
						<li css={link}>
							<Link href="https://manage.theguardian.com/help-centre">
								Help Centre
							</Link>
						</li>
						<li css={link}>
							<Link href="https://www.theguardian.com/help/contact-us">
								Contact us
							</Link>
						</li>
						<li css={link}>
							<Link
								subdued
								href="https://www.theguardian.com/help/privacy-policy"
							>
								Privacy Policy
							</Link>
						</li>
						<li css={link}>
							<ButtonLink onClick={showPrivacyManager}>
								Privacy Settings
							</ButtonLink>
						</li>
						{termsConditionsLink && (
							<li css={link}>
								<Link href={termsConditionsLink}>Terms & Conditions</Link>
							</li>
						)}
					</ul>
				</FooterContent>
				<FooterContent
					appearance={{
						centred,
					}}
				>
					<div css={backToTopLink}>
						<BackToTop />
					</div>
					<span css={copyright}>{copyrightNotice}</span>
				</FooterContent>
			</ThemeProvider>
		</footer>
	);
}