{"size": 707, "ext": "js", "max_stars_repo_path": "client/src/Components/Nav-Bar/Navbar.js", "max_stars_repo_name": "ZachYanez/Freelancer-App", "max_stars_repo_stars_event_min_datetime": "2021-08-02T06:06:39.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-02T06:06:39.000Z", "max_issues_repo_path": "client/src/Components/Nav-Bar/Navbar.js", "max_issues_repo_name": "ZachYanez/Freelancer-App", "max_issues_repo_issues_event_min_datetime": "2021-01-14T03:37:28.000Z", "max_issues_repo_issues_event_max_datetime": "2021-01-14T03:37:28.000Z", "max_forks_repo_path": "client/src/Components/Nav-Bar/Navbar.js", "max_forks_repo_name": "alizehssn/Freelancer-App", "max_forks_repo_forks_event_min_datetime": "2021-01-08T20:57:15.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-19T02:28:11.000Z"}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": 4, "avg_line_length": 24.3793103448, "max_line_length": 69, "alphanum_fraction": 0.5205091938}
import React from "react";
import { Link } from "react-router-dom";
import Login from '../Auth0/Auth-btn'



 function Nav() {
    return (
     <nav className="navbar navbar-expand-lg navbar-dark bg-primary">
        <a className="navbar-brand" href="#">
            Freelancer
        </a>
        <ul className="navbar-nav me-auto mb-2 mb-lg-0">
        <li className="nav-item">
         <Link className= "nav-link" to = "/"> Home </Link>
        </li>
        <li className="nav-item">
        <Link className= "nav-link" to = "/jobs"> Create Job </Link>
        </li>
        <li className="nav-item">
            <Login />
        </li>
        </ul>
    </nav>
        
    );
}

export default Nav;