'use strict';

let ReactRouter = window.ReactRouterDOM
let Link = ReactRouter.Link;

class Navigation extends React.Component 
{
  constructor(props) 
  {
    super(props);
  }

  render() 
  {
    return (
      <nav>
        <Menu />
        <Date date={this.props.date} />
        <Line />
      </nav>
    );     
  }
}

function Menu()
{
  return (
    <div className="menu">
      <Link className="menu-item" to='/'>Accueil</Link>&nbsp;|&nbsp;
      <Link className="menu-item" to='/liens'>Liens Web</Link>
    </div>
  );
}

function Date(props)
{
  return <div className="date">Maj {props.date}</div>;
}