import PropTypes from 'prop-types'
import React from 'react'

import App from 'components/App'

import './base.scss'

const Alternate = ({ children, location }) => (
  <App location={location}>
    {children()}
  </App>
)

Alternate.propTypes = {
  children: PropTypes.func,
  location: PropTypes.object,
}

export default Alternate

import PropTypes from 'prop-types'
import React from 'react'

import App from 'components/App'
import Footer from 'components/Footer'
import Nav from 'components/Nav'

import './normalize.scss'
import './base.scss'

const TemplateWrapper = ({ children, location }) => {
  return (
    <App location={location}>
      <Nav location={location} />
      {children()}
      <Footer />
    </App>
  )
}

TemplateWrapper.propTypes = {
  children: PropTypes.any,
  location: PropTypes.object,
}

export default TemplateWrapper

Use same layout for now
Use same layout for now
