text: import React from 'react'
  import PropTypes from 'prop-types'
  
  import NavBar from '../NavBar'
  
  const headerShadow = {
      hairline: `bb b--whitegrey`,
      shadow: `header-shadow`,
      none: ``,
  }
  
  const Header = ({ dividerStyle, location }) => (
          <>
              <header className={`${headerShadow[dividerStyle]} fixed bg-white top-0 left-0 right-0 z-500`}>
                  <NavBar theme="dark" location={location} />
              </header>
              <div className="h14"></div> {/* We need to push down all the content because of the fixed header */}
          </>
  )
  
  Header.defaultProps = {
      dividerStyle: `hairline`,
  }
  
  Header.propTypes = {
      dividerStyle: PropTypes.oneOf([`hairline`, `shadow`, `none`]),
  }
  
  export default Header
  