{"size": 1248, "ext": "js", "max_stars_repo_path": "src/components/Navbar.js", "max_stars_repo_name": "anyakeller/interest-ing", "max_stars_repo_stars_event_min_datetime": "2021-12-16T15:58:31.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-16T15:58:31.000Z", "max_issues_repo_path": "src/components/Navbar.js", "max_issues_repo_name": "anyakeller/interest-ing", "max_issues_repo_issues_event_min_datetime": "2021-12-16T16:30:45.000Z", "max_issues_repo_issues_event_max_datetime": "2021-12-16T16:30:45.000Z", "max_forks_repo_path": "cra-template-fior-di-latte/template/src/components/Navbar.js", "max_forks_repo_name": "anyakeller/akeller-react-templates", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 28.3636363636, "max_line_length": 79, "alphanum_fraction": 0.5272435897}
import React from "react";
import { Link, NavLink } from "react-router-dom";

function Navbar(props) {
  return (
    <nav className="navbar navbar-expand-sm navbar navbar-dark bg-primary">
      <div className="container-fluid">
        <Link className="navbar-brand" to="/">
          Fior Di Latte
        </Link>
        <button
          className="navbar-toggler"
          data-bs-toggle="collapse"
          type="button"
          data-bs-target="#navbar-collapse-content"
          aria-controls="navbar-collapse-content"
          aria-expanded="false"
          aria-label="Toggle navigation">
          <span className="navbar-toggler-icon"></span>
        </button>
        <div className="collapse navbar-collapse" id="navbar-collapse-content">
          <div className="navbar-nav">
            <NavLink
              exact={true}
              to="/"
              className="nav-link"
              activeClassName="active">
              Home
            </NavLink>
            <NavLink
              to="/secondPage"
              className="nav-link"
              activeClassName="active">
              Second Page
            </NavLink>
          </div>
        </div>
      </div>
    </nav>
  );
}

export default Navbar;
