import React from 'react'
import { ThemeProvider } from 'emotion-theming'
import Helmet from 'react-helmet'
import '../styles/reset'
import theme, * as palette from '../styles/themeDark'
import config from '../utils/siteConfig'
import Wrapper from '../components/Wrapper'
import Menu from '../components/Menu'
import { injectGlobal } from 'emotion'

injectGlobal`
body {
  background: ${palette.BASE} !important;
  color: ${palette.SECONDARY} !important;
}
h1,h2,h3,h4,h5,h6,a,strong {
  color: ${palette.TERTIARY};
}
p {
  color: ${palette.SECONDARY};
}
a{
  transition: all 0.5s;
  color: ${palette.TERTIARY};
  &:hover {
  color: ${palette.HIGHLIGHT};
  }
}
svg {
  transition: all 0.5s;
  fill: ${palette.TERTIARY};
  &:hover {
    fill: ${palette.HIGHLIGHT};
  }
}
.bm-overlay, .bm-menu-wrap {
  background: ${palette.BASE} !important;
}
.bm-cross {
  background: ${palette.TERTIARY};
}
.bm-burger-bars {
  background: ${palette.TERTIARY};
}
`

const Layout = ({ children, location }) => {
  return (
    <div className="siteRoot">
      <Helmet>
        <html lang="en" />
        <title>{config.siteTitle}</title>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" href="/logos/logo-512.png" />
        <link rel="apple-touch-icon" href="/logos/logo-512.png" />
        <meta name="description" content={config.siteDescription} />
        <meta property="og:title" content={config.siteTitle} />
        <meta property="og:url" content={config.siteUrl} />
        <meta property="og:locale" content="en_US" />
        <meta property="og:type" content="website" />
        <meta property="og:site_name" content={config.siteTitle} />
      </Helmet>

      <ThemeProvider theme={theme}>
        <Wrapper>
          <div id="outer-container">
            <Menu />
            <div className="siteContent" id="page-wrap">
            <div className="siteContent" id="page-wrap">
              {children}
            </div>
          </div>
        </Wrapper>
      </ThemeProvider>
    </div>
  )
}

export default Layout

@@ -1907,65 +1907,8 @@
 p%22%3E%0A
-            %3Cdiv className=%22siteContent%22 id=%22page-wrap%22%3E%0A
     

Fix layout