export default function UniversalNav()

in src/components/UniversalNav/index.tsx [16:51]

33 lines of code
2 McCabe index (conditional complexity)


export default function UniversalNav({heading, brandIcon, blend}) {
  const backgroundColor = blend ? "" : "color-orange-hv";
  return (
    <Nav>
      <Container backgroundColor={backgroundColor}>
        <NavContent blend={blend}>
          <Branding>
            <Link href="/">
              <a>
                <img alt="Amplify icon" src={brandIcon} />
                <span>{heading}</span>
              </a>
            </Link>
          </Branding>

          <SearchContainer>
            <SearchBar />
          </SearchContainer>

          <Links blend={blend}>
            <ExternalLink href={COMMUNITY}>
              <span>Community</span>
            </ExternalLink>

            <ExternalLink href={MARKETING} graphic={blend ? "black" : "white"}>
              <span>
                About{" "}
                <AboutInternalAmplifyLink>Amplify</AboutInternalAmplifyLink>
              </span>
            </ExternalLink>
          </Links>
        </NavContent>
      </Container>
    </Nav>
  );
}