import "./styles.css";

import { Link } from "react-router-dom";

const Navbar = ({ className, onClick, handleClose }) => {
  return (
    <nav className={`navbar ${className ? className : ""}`}>
      <ul className="navbarList">
        <li className="navbarList__item">
          <Link className="navbar__link" to="/">
            Home
          </Link>
        </li>
        <li className="navbarList__item">
          <Link className="navbar__link" to="about">
            About
          </Link>
        </li>
        <li className="navbarList__item">
          <Link className="navbar__link" to="character">
            Hanzo Character Maker
          </Link>
        </li>
        <li className="navbarList__item">
          <Link className="navbar__link" to="admin">
            Admin
          </Link>
        </li>
      </ul>
    </nav>
  );
};

export default Navbar;
