text: import { Link } from 'gatsby'
  import { Text } from '@commercetools-frontend/ui-kit'
  import { customProperties } from '@commercetools-frontend/ui-kit'
  import PropTypes from 'prop-types'
  import React from 'react'
  
  const Header = ({ siteTitle }) => (
    <div
      style={{
        background: customProperties['--color-green'],
        marginBottom: `1.45rem`,
      }}
    >
      <div
        style={{
          margin: `0 auto`,
          maxWidth: 960,
          padding: `1.45rem 1.0875rem`,
        }}
      >
        <Text.Headline elementType="h1">
          <Link
            to="/"
            style={{
              color: `white`,
              textDecoration: `none`,
            }}
          >
            {siteTitle}
          </Link>
        </Text.Headline>
      </div>
    </div>
  )
  
  Header.propTypes = {
    siteTitle: PropTypes.string,
  }
  
  Header.defaultProps = {
    siteTitle: ``,
  }
  
  export default Header
  