import React from 'react';
import { Link } from 'react-router-dom';

class Navbar extends React.Component {
  render() {
    return (
      <nav className="light-blue lighten-1" role="navigation">
        <div className="nav-wrapper"><Link id="logo-container" to="/" className="brand-logo">
          <img src="img/logo-wcs.png" alt="logo WCS" />
          <img src="img/logo-js.png" alt="logo JS" />
        </Link>
          <ul className="right hide-on-med-and-down">
            <li><Link to="/a-propos">&Agrave; propos</Link></li>
          </ul>

          <ul id="nav-mobile" className="side-nav">
            <li><Link to="/a-propos">&Agrave; propos</Link></li>
          </ul>
          <a href="#" data-activates="nav-mobile" className="button-collapse"><i className="material-icons">menu</i></a>
        </div>
      </nav>
    );
  }
}

export default Navbar;
