function NavItems()

in theme/src/components/nav-items.js [27:85]
59 lines of code
3 McCabe index (conditional complexity)

function NavItems({items}) {
  return (
    <>
      {items.map(item => (
        <Box
          key={item.title}
          borderWidth={0}
          borderRadius={0}
          borderTopWidth={1}
          borderStyle="solid"
          borderColor="border.muted"
          p={4}
        >
          <Box display="flex" flexDirection="column">
            <NavLink
              as={GatsbyLink}
              to={item.url}
              activeClassName="active"
              partiallyActive={true}
              sx={{color: 'inherit'}}
            >
              {item.title}
            </NavLink>
            {item.children ? (
              <Box display="flex" flexDirection="column" mt={2}>
                {item.children.map(child => (
                  <NavLink
                    key={child.title}
                    as={GatsbyLink}
                    to={child.url}
                    activeClassName="active"
                    sx={{
                      display: 'block',
                      py: 1,
                      mt: 2,
                      fontSize: 1
                    }}
                  >
                    {child.title}
                  </NavLink>
                ))}
              </Box>
            ) : null}
          </Box>
        </Box>
      ))}
      {repositoryUrl ? (
        <Box borderWidth={0} borderTopWidth={1} borderRadius={0} borderStyle="solid" borderColor="border.default" p={4}>
          <Link href={repositoryUrl} sx={{color: 'inherit'}}>
            <Box display="flex" justifyContent="space-between" alignItems="center">
              GitHub
              <StyledOcticon icon={LinkExternalIcon} sx={{color: 'fg.muted'}} />
            </Box>
          </Link>
        </Box>
      ) : null}
    </>
  )
}