import React from 'react'; import PropTypes from 'prop-types'; import { Helmet } from 'react-helmet'; import 'assets/stylesheets/application.scss'; import Header from 'components/Header'; import Footer from 'components/Footer'; const Layout = ({ children, pageName }) => { let className = ''; if ( pageName ) { className = `${className} page-${pageName}`; } return ( <> <Helmet bodyAttributes={{ class: className }}> <title>Gatsby Site</title> </Helmet> <div className="wrapper"> <Header /> <main>{ children }</main> <Footer /> </div> </> ); }; Layout.propTypes = { children: PropTypes.node.isRequired, pageName: PropTypes.string, }; export default Layout;