import cacheProviderRtl from "@/core/utils/cacheRtl";
import {CssBaseline, ThemeProvider} from "@mui/material";
import theme from "@/core/utils/theme";
import {AppRouterCacheProvider} from "@mui/material-nextjs/v14-appRouter";
import 'react-toastify/dist/ReactToastify.css';
import "^/global.scss";
import {ToastContainer} from "react-toastify";

const Template = ({children}) => {
    return (
        <AppRouterCacheProvider CacheProvider={cacheProviderRtl} options={{enableCssLayer: true}}>
            <ThemeProvider theme={theme}>
                <CssBaseline/>
                {children}
                <ToastContainer rtl containerId="datatable" closeButton={false}/>
            </ThemeProvider>
        </AppRouterCacheProvider>
    )
}

export default Template