47 lines
1.3 KiB
TypeScript
47 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import "./globals.css";
|
|
import { CacheProvider } from "@emotion/react";
|
|
import { ThemeProvider } from "@mui/material/styles";
|
|
import rtlCache from "./theme/rtlCache";
|
|
import theme from "./theme/theme";
|
|
import { CssBaseline } from "@mui/material";
|
|
import { FontVazir } from "@/config/font.config";
|
|
import { ToastContainer } from "react-toastify";
|
|
import "react-toastify/dist/ReactToastify.css";
|
|
import ReactQueryProvider from "@/ui/ReactQueryProvider";
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html
|
|
lang="fa"
|
|
dir="rtl"
|
|
className={`${FontVazir.variable} h-full antialiased`}
|
|
style={{ fontFamily: FontVazir.style.fontFamily }}
|
|
>
|
|
<body className="min-h-screen flex items-center justify-center">
|
|
<ReactQueryProvider>
|
|
<CacheProvider value={rtlCache}>
|
|
<ThemeProvider theme={theme}>
|
|
<CssBaseline />
|
|
<main className="w-full">
|
|
<div className=" mx-auto px-35">{children}</div>
|
|
</main>
|
|
<ToastContainer
|
|
position="top-center"
|
|
autoClose={3000}
|
|
rtl
|
|
theme="colored"
|
|
/>
|
|
</ThemeProvider>
|
|
</CacheProvider>
|
|
</ReactQueryProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|