text: import React, {useState} from "react";
  import Header from "../Header/Header";
  import Hamburger from "../Hamburger/Hamburger";
  import OverlayMenu from "../OverlayMenu/OverlayMenu";
  import Footer from "../Footer/Footer";
  import { GlobalStyles, Primary } from "./Layout.styles";
  
  const Layout = ({ children }) => {
      const [menuOpen, setMenuOpen] = useState(false);
      const handleOverlayMenu = () => setMenuOpen(prev => !prev)
      return(
          <>
              <GlobalStyles />
              <Hamburger handleOverlayMenu={handleOverlayMenu} />
              <OverlayMenu menuOpen={menuOpen} callback={handleOverlayMenu} />
              <Header />
              <Primary>{children}</Primary>
              <Footer />
          </>
      )
  }
  
  export default Layout;