import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import '@/shared/locales/i18n.ts';
import App from "./App.tsx";
import { AppWrapper } from "./shared/components/common/PageMeta.tsx";
// import { ThemeProvider } from "@/shared/context/ThemeContext.tsx";
import LanguageProvider from "@/shared/components/languageProvider/LanguageProvider.tsx";
import { store } from "./shared/services/store.ts";
import { Provider } from "react-redux";
import './index.css';
import { MantineProvider } from "@mantine/core";
import "@mantine/core/styles.css";
import "@mantine/tiptap/styles.css";
import Toast from "./shared/components/Toast";
import "leaflet/dist/leaflet.css";

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    {/* <ThemeProvider> */}
      <AppWrapper>
        <MantineProvider defaultColorScheme="light">
          <LanguageProvider>
            <Provider store={store}>
              <App />
              <Toast />
            </Provider>
          </LanguageProvider>
        </MantineProvider>
      </AppWrapper>
    {/* </ThemeProvider> */}
  </StrictMode>,
);