Layout.js 818 Bytes

Raw Blame History Permalink

import React from "react";
import Head from "next/head";
import Header from "./Header";
import Footer from "./Footer";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";

const Layout = ({ children, title = "Zango", description = "" }) => {
  return (
    <div>
      <Head>
        <title>{title}</title>
        <meta charSet="utf-8"></meta>
        <meta name="viewport" content="initial-scale=1.0,width=device-width" />
        <meta name="description" content={description} />
        <meta property="og:title" content={title} />
        <meta property="og:description" content={description} />
      </Head>

      <Header></Header>
      <ToastContainer position="bottom-right" />
      {children}
      <Footer></Footer>
    </div>
  );
};

export default Layout;