text: import React from 'react'
  import Headroom from 'react-headroom'
  import Link from 'gatsby-link'
  import { Image } from 'cloudinary-react'
  import { buttonStyleBright } from '../styles/styles'
  import normalizeTitle from '../utils/normalizeTitle'
  
  export default (props) => (
    <Headroom
      style={{
        background: '#303E4D',
        boxShadow: '0 1px 6px 1px rgba(0,0,0,0.3)'
      }}>
      <div
        style={{
          margin: '0 auto',
          maxWidth: '400px',
          padding: '1.2rem',
          display: 'flex',
          justifyContent: 'space-between',
          alignItems: 'center'
        }}>
        <Link to='/' style={{ display: 'flex', alignItems: 'center' }}>
          <Image
            style={{ margin: '0' }}
            cloudName='ziro'
            width='80'
            publicId='logo-original_lork1u'
            version='1508000699'
            format='png'
            secure='true'
          />
        </Link>
        {props.page === '/'
          ? <Link
            to='/'
            style={{
              color: '#fff',
              fontFamily: 'hind vadodara',
              fontSize: '16px',
              display: 'flex',
              alignItems: 'center'
            }}>
              Catálogo
          </Link>
          : null}
        {props.page === '/' ? null
          : <div
            style={{
              display: 'flex'
            }}>
            <a
              onClick={props.goBack}
              href='#'
              style={{
                color: '#fff',
                fontFamily: 'hind vadodara',
                fontSize: '16px',
                display: 'flex',
                alignItems: 'center'
              }}>
              <Image
                style={{ margin: '0 3px 0 0' }}
                cloudName='ziro'
                width='12'
                publicId='back-arrow_xdfk21'
                version='1508000698'
                format='png'
                secure='true'
              />
              {normalizeTitle(props.page)}
            </a>
          </div>}
        {props.page === '/login' ? null
          : <Link
            to='/login'
            style={buttonStyleBright}>
              Login
          </Link>
        }
      </div>
    </Headroom>
  )
  