import { Link } from "react-router-dom";
import './Header.css';

export default function Header() {
    return (
      <p>
        <h1>CordaCheckers</h1>
        <nav>
          <Link to="/leaderboard">Leaderboard</Link> {"| "}
          <Link to="/gameproposal">Game Proposal</Link> {"| "}
          <Link to="/game">Active Games</Link> {"| "}
          <Link to="/archive">Archive</Link> {"| "}
          <Link to="about">About</Link>
        </nav>
      </p>
    );
  }