text: import React from 'react'
  import PropTypes from 'prop-types'
  import Link from 'gatsby-link'
  import Helmet from 'react-helmet'
  
  import './index.scss'
  
  import { Container } from 'react-responsive-grid'
  
  import Headroom from 'react-headroom'
  
  const Header = () => (
    <div
      style={{
        background: 'green',
        marginBottom: '1.45rem',
      }}
    >
      <div
        style={{
          margin: '0 auto',
          maxWidth: 960,
          maxHeight: 80,
          padding: '1.45rem 1.0875rem',
        }}
      >
        <h1 style={{ margin: 0 }}>
          <Link
            to="/"
            style={{
              color: 'white',
              textDecoration: 'none',
            }}
          >
            Program Launch: Demo Sign On
          </Link>
        </h1>
      </div>
    </div>
  )
  
  const TemplateWrapper = ({children}) => (
      <div>
        <Helmet
          title="Launch Demo"
          meta={[
            { name: 'description', content: 'Sample' },
            { name: 'keywords', content: 'sample, something' },
          ]}
        />
        <Headroom><Header  /></Headroom>
        <div
          style={{
            margin: '0 auto',
            maxWidth: 960,
            padding: '0px 1.0875rem 1.45rem',
            paddingTop: 0,
          }}
        >
          {children()}
        </div>
      </div>
    )
  
  TemplateWrapper.propTypes = {
    children: PropTypes.func,
  }
  
  export default TemplateWrapper
  