content: import React from 'react'
  import {Link} from 'react-router-dom'
  // Header component contains main manu of the app
  const Header = props => {
    if(props.viewState === 'start') {
      return (
        <div className='columns'>
          <div className='row'><h4 className='animated bounce' >occasion-jitsu  	&#174;</h4></div>
          <div className='row'>
            <Link to='/userloging' className='button button-primary in-line'>Zaloguj sie</Link>
            <Link to='/useradd' className='button button-primary in-line'>Zaloz konto uzytkownika</Link>
            <Link to='/storeadd' className='button button-primary in-line'>Zaloz konto sklepu</Link>
          </div>
        </div>
      )
    } else if (props.viewState === 'logged') {
      return (
        <nav className='columns'>
          <div className='row'><h4 className='animated bounce' >occasion-jitsu	&#174;</h4></div>
          <div className='row'>
            <Link to='/szukaj' className='button button-primary in-line'>Szukaj Sklepow</Link>
            <Link to='/mapa' className='button button-primary in-line'>Mapa Sklepow</Link>
            <Link to='/ulubione' className='button button-primary in-line'>Ulubione Sklepy</Link>
            <Link to='/wiadomosci' className='button button-primary in-line'>Tablica Wiadomosci</Link>
            <Link to='/konto' className='button button-primary in-line'>Twoje Konto</Link>
          </div>
        </nav>
      )
    } else {
      return(
        <div>
          <div className='row animated infinite flash'><h4>occasion-jitsu &#174;</h4></div>
          <h6>Logowanie nie powiodlo sie</h6>
        </div>
      )
    }
  }
  
  
  Header.propTypes = {
    viewState: React.PropTypes.string.isRequired
  }
  // --- --- --- --- --- ---
  export {Header}
  