function Home()

in components/header.tsx [10:48]

• 39 lines of code
• 1 McCabe index (conditional complexity)

function Home() {
  const [css, theme] = useStyletron();
  return (
    <div className={css({ display: "flex" })}>
      <Link href="/" as="/">
        <a
          className={css({
            display: "flex",
            alignItems: "center",
            textDecoration: "none",
            ":focus": {
              outline: `solid 3px ${theme.colors.borderAccent}`,
              outlineOffset: "2px",
            },
          })}
          onClick={() => {
            gtag.event({
              action: "click_link_header",
              category: "navigation",
              label: "home",
            });
          }}
        >
          <Logo dark size="22px" />
          <div
            className={css({
              ...theme.typography.DisplayXSmall,
              fontSize: theme.typography.HeadingSmall.fontSize,
              color: theme.colors.white,
              marginLeft: theme.sizing.scale400,
            })}
          >
            Base
          </div>
        </a>
      </Link>
    </div>
  );
}