text: import React from "react"
  import "./reset.css"
  import Navbar from "./Navbar"
  import Footer from "./Footer"
  import Seo from "../components/Seo/seo"
  import GlobalStyles from "../styles/GlobalStyles"
  import TypographyStyles from "../styles/TypographyStyles"
  import Logo from "../images/wcppt-logo.svg"
  import WhiteLogo from "../images/wcppt-logo-white.svg"
  
  
  const Layout = ({ children }) => {
    return (
      <>
        <Seo />
        <GlobalStyles />
        <TypographyStyles />
        <Navbar Logo={Logo} />
        <div className="layout">{children}</div>
        <Footer Logo={WhiteLogo} />
      </>
    )
  }
  
  export default Layout
  