import React from "react" import PropTypes from "prop-types" import { useStaticQuery, graphql } from "gatsby" import Header from "./header" import Footer from "./footer" import { Helmet } from "react-helmet" import styles from "../styles/layout.module.scss" const Layout = ({ children, title, vertical}) => { const data = useStaticQuery(graphql` query SiteTitleQuery { site { siteMetadata { author user hostname } } }`) const classes = vertical ? `${styles.content} ${styles.vertical}` : styles.content return (
{title}
{children}
) } Layout.propTypes = { children: PropTypes.node.isRequired, vertical: PropTypes.bool } export default Layout