import { CssBaseline, ThemeProvider } from "@mui/material";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { createRoot } from "react-dom/client";

import "./index.css";
import { App } from "./components/App";
import { theme } from "./theme";
import "./styles/globals.css";

import "./i18n/config";

const client = new QueryClient();

createRoot(document.getElementById("root")!).render(
	<ThemeProvider theme={theme}>
		<CssBaseline />
		<QueryClientProvider client={client}>
			<App />
		</QueryClientProvider>
	</ThemeProvider>,
);
