{"size": 859, "ext": "js", "max_stars_repo_path": "secret-family-recipes-cookbook-4/src/components/Navigation.js", "max_stars_repo_name": "secret-family-recipes-cookbook-4/Front-End", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "secret-family-recipes-cookbook-4/src/components/Navigation.js", "max_issues_repo_name": "secret-family-recipes-cookbook-4/Front-End", "max_issues_repo_issues_event_min_datetime": "2020-04-04T13:35:26.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-15T20:08:56.000Z", "max_forks_repo_path": "secret-family-recipes-cookbook-4/src/components/Navigation.js", "max_forks_repo_name": "secret-family-recipes-cookbook-4/Front-End", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 15, "max_forks_count": null, "avg_line_length": 26.0303030303, "max_line_length": 86, "alphanum_fraction": 0.5622817229}
import React from "react";
import { Link } from "react-router-dom";
import Recipes from "../img/Recipes.jpg";

const Navigation = () => {
  return (
    <div className="navigation">
      <div>
        <img className="logo" alt= "recipe_logo" src={Recipes}/>
      </div>
      <div className="link">
        <a href="https://mmcleod.me/Secret-Family-Recipe-Cookbook/index.html">Home</a>
      </div> 
      <div className="link">
        <a href="https://mmcleod.me/Secret-Family-Recipe-Cookbook/about.html">
          About
        </a>
      </div>
      <div className="link">
        <Link to="/login">Login</Link>
      </div>
      <div className="link">
        <Link to="/registrationForm">Sign Up</Link>
      </div>
      <div className="link">
        <Link to="/recipes">Recipes</Link>
      </div>
    </div>
  );
};

export default Navigation;
