<commit_before>import React from "react";
import { StyledHeader } from "@components/header/styled";
import { StyledHero } from "@components/hero/styled";
import Pattern from "@components/hero/pattern";
import {
  SlackIcon,
  GithubCircleIcon,
  TwitterCircleIcon,
  MenuIcon,
  CloseIcon
} from "mdi-react";
import Link from "next/link";

const leftNav = {
  items: [
    {
      label: "Blog",
      href: "https://blog.nteract.io/",
      target: "_blank"
    },
    {
      label: "About",
      href: "/about",
      prefetch: true
    }
  ]
};

const rightNav = {
  items: [
    {
      label: "Desktop",
      href: "/desktop",
      prefetch: true
    },
    {
      label: "Atom",
      href: "/atom",
      prefetch: true
    },
    {
      label: "Kernels",
      href: "/kernels",
      prefetch: true
    }
  ]
};

const socialItems = {
  items: [
    {
      icon: <SlackIcon color="currentColor" />,
      href: "https://slackin-nteract.now.sh/",
      target: "_blank"
    },
    {
      icon: <GithubCircleIcon color="currentColor" />,
      href: "https://github.com/nteract",
      target: "_blank"
    },
    {
      icon: <TwitterCircleIcon color="currentColor" />,
      href: "https://twitter.com/nteractio",
      target: "_blank"
    }
  ]
};

const MobileMenu = ({ open, ...rest }) =>
  open ? <StyledHeader.MobileMenu {...rest} /> : null;
<commit_msg>Add Link to components docs<commit_after>import React from "react";
import { StyledHeader } from "@components/header/styled";
import { StyledHero } from "@components/hero/styled";
import Pattern from "@components/hero/pattern";
import {
  SlackIcon,
  GithubCircleIcon,
  TwitterCircleIcon,
  MenuIcon,
  CloseIcon
} from "mdi-react";
import Link from "next/link";

const leftNav = {
  items: [
    {
      label: "Blog",
      href: "https://blog.nteract.io/",
      target: "_blank"
    },
    {
      label: "About",
      href: "/about",
      prefetch: true
    }
  ]
};

const rightNav = {
  items: [
    {
      label: "Desktop",
      href: "/desktop",
      prefetch: true
    },
    {
      label: "Atom",
      href: "/atom",
      prefetch: true
    },
    {
      label: "Kernels",
      href: "/kernels",
      prefetch: true
    },
    {
      label: "Components",
      href: "https://components.nteract.io/"
    }
  ]
};

const socialItems = {
  items: [
    {
      icon: <SlackIcon color="currentColor" />,
      href: "https://slackin-nteract.now.sh/",
      target: "_blank"
    },
    {
      icon: <GithubCircleIcon color="currentColor" />,
      href: "https://github.com/nteract",
      target: "_blank"
    },
    {
      icon: <TwitterCircleIcon color="currentColor" />,
      href: "https://twitter.com/nteractio",
      target: "_blank"
    }
  ]
};

const MobileMenu = ({ open, ...rest }) =>
  open ? <StyledHeader.MobileMenu {...rest} /> : null;

{'fraction_non_alphanumeric': 0.163922942206655, 'fraction_numerical': 0.0, 'mean_word_length': 2.2528473804100226, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 13, 'https://': 9, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '892769', 'n_tokens_mistral': 998, 'n_tokens_neox': 982, 'n_words': 200}