text: import React, { Component } from 'react';
  import { Link } from 'react-router-dom';
  
  export default class Navbar extends Component {
  
    render() {
      return (
        <nav className="navbar navbar-dark bg-dark navbar-expand-lg">
          <Link to="/" className="navbar-brand">BookTracker</Link>
          <div className="collpase navbar-collapse">
            <ul className="navbar-nav mr-auto">
              <li className="navbar-item">
                <Link to="/" className="nav-link">Highlights</Link>
              </li>
              <li className="navbar-item">
                <Link to="/create" className="nav-link">Create New Highlight</Link>
              </li>
              <li className="navbar-item">
                <Link to="/book" className="nav-link">Create Book</Link>
              </li>
            </ul>
          </div>
        </nav>
      );
    }
  }
  