// "use client";
// import React from "react";


import SnakebarContextProvider from "@/context/snakebar";
import AppBarProvider from "@/context/dashboard/AppBar";

import FloatingButton from "@/components/FloatingButton";
import DashboardContext from "@/context/api/DashboardContext";
import { OfflineProvider } from "@/context/dashboard/OfflineContext";

// export const metadata = {
//   title: "بنل کاربری",
// };

const DashboardLayout = ({ children }) => {
  // const mobile = useMediaQuery("(max-width:540px)");
  return (
    <>
      <title>داشبورد</title>
      <meta name="robots" content="noindex" />
      <OfflineProvider>
        <DashboardContext>
          <SnakebarContextProvider>
            <AppBarProvider>
              {/* <AppBar /> */}
              {children}
                
              {/* {mobile && } */}
              <FloatingButton />
              {/* <Footer /> */}
            </AppBarProvider>
          </SnakebarContextProvider>
        </DashboardContext>
      </OfflineProvider>
    </>
  );
};

export default DashboardLayout;
