import { Link, NavLink } from "react-router";
import "./Navbar.css"
import GuideList from "./guide-list/GuideList";

export default function Navbar() {
  return (
    <nav>
      <Link className="button primary-button" to="/new-guide">
        Create New Guide
      </Link>

      <h2>Guides</h2>
      <GuideList />
      <NavLink className="button secondary-button settings-button" to="/settings">
        Settings
      </NavLink>
    </nav>
    );
}
