text: import React from 'react'
  import PropTypes from 'prop-types'
  import Helmet from 'react-helmet'
  import '../css/inter-ui.css'
  import '../css/PxGroteskRegular-Regular.css'
  import './all.sass'
  import config from '../meta/config'
  import siteImage from '../img/consensys-design.png'
  
  import {
    Container,
    Tabs,
    TabList,
    Tab,
    TabLink,
    Title,
  } from 'bloomer'
  
  const TemplateWrapper = ({ children }) => (
    <div>
      <Helmet>
        <title>{config.siteTitle}</title>
  
        {/* General tags */}
        <meta name='description' content={config.siteDescription} />
        <meta name='image' content={config.siteUrl + siteImage} />
  
        {/* Schema.org tags */}
        <script type='application/ld+json'>
          {JSON.stringify(config.schemaOrgJSONLD)}
        </script>
  
        {/* OpenGraph tags */}
        <meta property='og:url' content={config.siteUrl} />
        <meta property='og:type' content='website' />
        <meta property='og:title' content={config.siteTitle} />
        <meta property='og:description' content={config.siteDescription} />
        <meta property='og:image' content={config.siteUrl + siteImage} />
  
        {/* Twitter Card tags */}
        <meta name='twitter:card' content='summary_large_image' />
        <meta
          name='twitter:creator'
          content={config.userTwitter ? config.userTwitter : ''}
        />
        <meta name='twitter:title' content={config.siteTitle} />
        <meta name='twitter:description' content={config.siteDescription} />
        <meta name='twitter:image' content={config.siteUrl + siteImage} />
      </Helmet>
  
      {children()}
  
    </div>
  )
  
  TemplateWrapper.propTypes = {
    children: PropTypes.func,
  }
  
  export default TemplateWrapper
  