function Footer()

in src/theme/Footer/index.tsx [58:143]
72 lines of code
14 McCabe index (conditional complexity)

function Footer(): JSX.Element | null {
  const { footer } = useThemeConfig();

  const { copyright, links = [], logo = {} } = footer || {};
  const sources = {
    light: useBaseUrl(logo.src),
    dark: useBaseUrl(logo.srcDark || logo.src),
  };

  if (!footer) {
    return null;
  }

  return (
    <footer
      className={clsx('footer', {
        'footer--dark': footer.style === 'dark',
      })}
    >
      <div className="container">
        {links && links.length > 0 && (
          <div className="row footer__links">
            <div  className="col footer__col">
              <img src={'/images/asf_logo.svg'} />
            </div>
            {[{logoSrc: ''},...links].map((linkItem, i) => {
              return (
                <div key={i} className="col footer__col">
                  {linkItem.title != null ? (
                    <div className="footer__title">{linkItem.title}</div>
                  ) : null}
                  {linkItem.items != null
                  && Array.isArray(linkItem.items)
                  && linkItem.items.length > 0 ? (
                    <ul className="footer__items">
                      {linkItem.items.map((item, key) => (item.html ? (
                        <li
                          key={key}
                          className="footer__item"
                            // Developer provided the HTML, so assume it's safe.
                            // eslint-disable-next-line react/no-danger
                          dangerouslySetInnerHTML={{
                            __html: item.html,
                          }}
                        />
                      ) : (
                        <li key={item.href || item.to} className="footer__item">
                          <FooterLink {...item} />
                        </li>
                      )))}
                    </ul>
                    ) : null}
                </div>
              )
            })}
          </div>
        )}
        {(logo || copyright) && (
          <div className="footer__bottom text--center">
            {logo && (logo.src || logo.srcDark) && (
              <div className="margin-bottom--sm">
                {logo.href ? (
                  <Link href={logo.href} className={styles.footerLogoLink}>
                    <FooterLogo alt={logo.alt} sources={sources} />
                  </Link>
                ) : (
                  <FooterLogo alt={logo.alt} sources={sources} />
                )}
              </div>
            )}
            {copyright ? (
              <div
                className="footer__copyright"
                // Developer provided the HTML, so assume it's safe.
                // eslint-disable-next-line react/no-danger
                dangerouslySetInnerHTML={{
                  __html: copyright,
                }}
              />
            ) : null}
          </div>
        )}
      </div>
    </footer>
  );
}