text: import React from 'react'
  import { Link } from 'react-router-dom'
  
  class Header extends React.Component {
    render() {
      return (
        <nav className="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
          <Link to="/" className="navbar-brand mr-auto mr-lg-0">Amirol</Link>
          <button className="navbar-toggler p-0 border-0" type="button" data-toggle="offcanvas">
            <span className="navbar-toggler-icon"></span>
          </button>
  
          <div className="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
            <ul className="navbar-nav mr-auto">
              <li className="nav-item">
                <Link to="/about" className="nav-link">About</Link>
              </li>
              <li className="nav-item">
                <Link to="/login" className="nav-link">Login</Link>
              </li>
            </ul>
          </div>
        </nav>
      )
    }
  }
  
  export default Header