import React, { useEffect } from "react";
import { Outlet } from "react-router-dom";
import Header from "../components/Layout/Header";
import Sidebar from "../components/Layout/Sidebar";

import Footer from "../components/Layout/Footer";

const HomeLayout = () => {
  useEffect(() => {
    Main();
  }, []);
  return (
    <div className="layout-wrapper layout-content-navbar" >
      <div className="layout-container" >
        <Sidebar />
        <div className="layout-page ">
          <Header />
          <div className="content-wrapper"  >
            <Outlet />
            <Footer />
          </div>
        </div>
        <div className="layout-overlay layout-menu-toggle"></div>
      </div>
    </div>
  );
};

export default HomeLayout;