import HeaderWithSidebar from "@/components/layouts/dashboard/headerWithSidebar";
import CallWidget from "@/components/widget/call";
import WithWidgetMiddleware from "@/core/middlewares/withWidget";
import { SocketProvider } from "@/lib/contexts/socket";
import { Stack } from "@mui/material";

const Layout = ({ children }) => {
  return (
    <SocketProvider>
      <Stack sx={{ width: "100%", height: "100%" }}>
        <HeaderWithSidebar>{children}</HeaderWithSidebar>
      </Stack>
      <WithWidgetMiddleware enable={true}>
        <CallWidget />
      </WithWidgetMiddleware>
    </SocketProvider>
  );
};
export default Layout;