content: import React from 'react'
  import Helmet from 'react-helmet'
  
  import Header from '../components/header'
  import Footer from '../components/footer'
  import '../styles/index.css'
  import '../styles/post.css'
  
  const Layout = ({ children, data, type }) => (
    <div className={`layout ${type}`}>
      <Helmet>
        <title>Hi I{`'`}m Sid 👋</title>
        <meta name="theme-color" content="#e6edf1" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link href="https://fonts.googleapis.com/css?family=Karla:400" rel="stylesheet" />
        <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
        <meta name="og:title" content="Hi! I'm Sid 👋" />
        <meta name="og:type" content="website" />
        <meta name="og:site_name" content="Hi! I'm Sid 👋" />
        <meta name="og:image" content="https://sid.studio/avatar.jpg" />
        <meta name="og:url" content="https://sid.studio" />
      </Helmet>
      <Header />
  
      {children}
  
      <Footer />
    </div>
  )
  
  export default Layout
  