text: import React from 'react';
  import { Link } from 'react-router-dom';
  import { withRouter } from 'react-router';
  
  import logo from '../../logo.png';
  
  function Header({ lang, history }) {
    const { pathname } = history.location;
  
    return (
      <div className='ui container '>
        <div className='ui divider'></div>
        <div className='ui stackable secondary menu'>
          <div className='item'>
            <Link to='/'>
              <div className='ui blue ribbon big label'>
                <img src={logo} alt='logo' /> {lang.title}
              </div>
            </Link>
          </div>
          <Link
            to='/'
            className={
              pathname === '/'
                ? 'ui orange basic big button item header-button'
                : 'ui primary basic big button item header-button'
            }
          >
            {lang.home}
          </Link>
          <Link
            to='/compare'
            className={
              pathname === '/compare'
                ? 'ui orange basic big button item header-button'
                : 'ui primary basic big button item header-button'
            }
          >
            {lang.compare}
          </Link>
          <Link
            to='/forecast'
            className={
              pathname === '/forecast'
                ? 'ui orange basic big button item header-button'
                : 'ui primary basic big button item header-button'
            }
          >
            {lang.forecast}
          </Link>
          <div className='right menu'>
            <Link
              to='/about'
              className={
                pathname === '/about'
                  ? 'ui orange basic big button item header-button'
                  : 'ui primary basic big button item header-button'
              }
            >
              {lang.about}
            </Link>
          </div>
        </div>
        <div className='ui fitted horizontal divider header'>
          <a
            className='ui blue large label'
            href={`http://twitter.com/share?text=${lang.stayHome}&url=https://pancovid19.com&hashtags=${lang.tagStayHome}`}
            target='_blank'
            rel='noopener noreferrer'
          >
            <i className='home icon'></i>#{lang.tagStayHome}
          </a>
        </div>
      </div>
    );
  }
  
  export default withRouter(Header);
  