import React from 'react'

import Header from '../header'
import Footer from '../footer'
import '../../styles/index.scss'
import * as layoutStyles from './layout.module.scss'

const Layout = props => {
  return (
    <>
      <Header />
      <div className={layoutStyles.container}>
        <main className={layoutStyles.content}>
          {props.children}
        </main>
      </div>
      <Footer />
    </>
  )
}

export default Layout
