text: import React from "react"
  import Header from "./Header"
  import Footer from "./Footer"
  import Helmet from "react-helmet"
  import "./layout.css"
  
  const Layout = props => {
    return (
      <>
        <Helmet>
          <title>My Academy</title>
          <link
            rel="stylesheet"
            href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
            integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
            crossorigin="anonymous"
            referrerpolicy="no-referrer"
          />
          <link rel="preconnect" href="https://fonts.googleapis.com" />
          <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
          <link
            href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500&display=swap"
            rel="stylesheet"
          />
        </Helmet>
        <Header />
        {props.children}
        <Footer></Footer>
      </>
    )
  }
  
  export default Layout
  