import CssBaseline from "@mui/material/CssBaseline";
import { ThemeProvider } from "@mui/material/styles";
import React from "react";
import { createRoot } from "react-dom/client";
import { ToastProvider } from "@/shared/ui/ToastProvider.jsx";
import { theme } from "@/theme.js";
import { OpsCenterApp } from "./OpsCenterApp.jsx";
import "@/styles/tokens.css";
import "@/styles/shared-ui.css";
import "@/styles/responsive.css";
import "./styles/index.css";

createRoot(document.getElementById("ops-center-root")).render(
  <React.StrictMode>
    <ThemeProvider theme={theme}>
      <ToastProvider>
        <CssBaseline />
        <OpsCenterApp />
      </ToastProvider>
    </ThemeProvider>
  </React.StrictMode>
);