import React from 'react';
import logo from '../resources/logo.svg';

export class Navbar extends React.PureComponent {
  render() {
    return (
      <nav className="navbar" role="navigation" aria-label="main navigation">
        <div className="container is-fluid">
          <div className="navbar-brand">
            <a className="navbar-item" href="#/">
              <img src={logo} style={{marginRight:'5px',width:'28px',height:'28px'}} />
              <h1 className="is-size-4">GenGitKan</h1>
            </a>
            <a role="button" className="navbar-burger" aria-label="menu" aria-expanded="false">
              <span aria-hidden="true"></span>
              <span aria-hidden="true"></span>
              <span aria-hidden="true"></span>
            </a>
          </div>
          <div className="navbar-menu">
            <div className="navbar-end">
              <div className="navbar-item">
                <a className="button is-small" href="#/logout">
                  <span className="icon">
                    <i className="fas fa-sign-out-alt"></i>
                  </span>
                  <span>Se déconnecter</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </nav>
    );
  }
}