text: import React, { Component } from "react";
  import { Link } from "react-router-dom";
  
  export default class Header extends Component {
    render() {
      return (
        <nav className="navbar navbar-expand-lg navbar-light bg-light">
          <Link to={"/login"} className="navbar-brand">
            Bookie
          </Link>
          <div className="collapse navbar-collapse" id="navbarSupportedContent">
            <ul className="navbar-nav mr-auto">
              <li className="nav-item">
                <Link to={"/login"} className="nav-link">
                  Login
                </Link>
              </li>
              <li className="nav-item">
                <Link to={"/register"} className="nav-link">
                  Register
                </Link>
              </li>
            </ul>
          </div>
        </nav>
      );
    }
  }
  