"use client";
import Footer from "@/Layout/Footer/Footer";
import Header from "@/Layout/Header/Header";
import Sidebar from "@/Layout/Sidebar/Sidebar";
import TapTop from "@/Layout/TapTop/TapTop";
import ThemeCustomizer from "@/Layout/ThemeCustomizer/ThemeCustomizer";
import { useAppSelector } from "@/Redux/Hooks";
import Store from "@/Redux/Store";
import ChildrenType from "@/Type/Layout/Header";
import { Provider } from "react-redux";
import { ToastContainer } from "react-toastify";
              
export default function RootLayout({ children }: { children: React.ReactNode }) {
  const { layout } = useAppSelector((state) => state.themeCustomizer);
  const { sidebarClose } = useAppSelector((state) => state.layout);
              
  return (
    <>
      <main className={`page-wrapper ${layout} ${sidebarClose ? "sidebar-close" : ""}`} id="pageWrapper">
        <Header />
        <div className="page-body-wrapper">
          <SideBar />
          <div className="page-body">{children}</div>
          <Footer />
        </div>
      </main>
      <ThemeCustomizer />
      <ToastContainer />
      <TapTop />
    </>
  );
}