1 import React from 'react';

     2 import { NavLink } from 'react-router-dom';

     3 import { FormattedMessage } from 'react-intl';

     4 

     5 const MainNav = () => (

     6   <nav className="navbar navbar-expand-lg navbar-light bg-light mb-3">

     7     <ul className="navbar-nav mr-auto">

     8       <li className="nav-item"><NavLink exact className="nav-link" activeClassName="active" to="/" replace><FormattedMessage id="main-nav.menu.documents" defaultMessage="Documents" /></NavLink></li>

     9       <li className="nav-item"><NavLink className="nav-link" activeClassName="active" to="/glossary" replace><FormattedMessage id="main-nav.menu.glossary" defaultMessage="Glossary" /></NavLink></li>

    10       <li className="nav-item"><NavLink className="nav-link" activeClassName="active" to="/charts" replace><FormattedMessage id="main-nav.menu.charts" defaultMessage="Charts" /></NavLink></li>

    11     </ul>

    12   </nav>

    13 );

    14 

    15 export default MainNav;