{"size": 493, "ext": "js", "max_stars_repo_path": "src/components/navbar.js", "max_stars_repo_name": "hinomaruc/my-gatsby-template", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/navbar.js", "max_issues_repo_name": "hinomaruc/my-gatsby-template", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/navbar.js", "max_forks_repo_name": "hinomaruc/my-gatsby-template", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 20.5416666667, "max_line_length": 40, "alphanum_fraction": 0.5273833671}
import * as React from "react"
import { Link } from "gatsby"

const NavBar = ({location, title}) => {
  return (

    <nav className="navbar">
      <span className="navbar__title">
      <Link to="/">{title}</Link>
      </span>
      <ul className="navbar__ul">
        <li className="navbar__li">
          <Link to="/">HOME</Link>
        </li>
        <li className="navbar__li">
          <Link to="/About">ABOUT</Link>
        </li>
      </ul>
    </nav>
  )
}

export default NavBar;
