{"size": 1219, "ext": "js", "max_stars_repo_path": "src/components/header.js", "max_stars_repo_name": "marcosandri-dev/biblioteca", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/header.js", "max_issues_repo_name": "marcosandri-dev/biblioteca", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/header.js", "max_forks_repo_name": "marcosandri-dev/biblioteca", "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": 26.5, "max_line_length": 95, "alphanum_fraction": 0.4922067268}
import React from "react";

const Header = props => {
  return (
    <nav
      className="navbar navbar-expand bg-dark text-light justify-content-between p-0 px-1 pl-2"
      role="navigation"
    >
      <a className="navbar-brand">
        {"Admin: "}
        <input
          className="checkbox"
          type="checkbox"
          onChange={() => props.changeView()}
          value=""
        />
      </a>

      <ul className="navbar-nav ">
        <li onClick={() => props.changeRoute("main")} className="nav-item">
          <a className="nav-link p-0" title="Home">
            Home
          </a>
        </li>
        <li className="nav-item" onClick={() => props.changeRoute("about")}>
          <a className="nav-link p-0" title="About">
            Chi siamo
          </a>
        </li>
        <li className="nav-item" onClick={() => props.changeRoute("blog")}>
          <a className="nav-link p-0" title="Blog">
            Blog
          </a>
        </li>
        <li className="nav-item" onClick={() => props.changeRoute("contacts")}>
          <a className="nav-link p-0" title="Contact">
            Contatti
          </a>
        </li>
      </ul>
    </nav>
  );
};

export default Header;
