import CssBaseline from "@mui/material/CssBaseline";
import { ThemeProvider } from "@mui/material/styles";
import React from "react";
import { createRoot } from "react-dom/client";
import { AuthProvider } from "@/app/auth/AuthProvider.jsx";
import { ToastProvider } from "@/shared/ui/ToastProvider.jsx";
import { theme } from "@/theme.js";
import { AuthenticatedOpsCenter } from "./OpsCenterEntry.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>
                <AuthProvider>
                    <CssBaseline />
                    <AuthenticatedOpsCenter />
                </AuthProvider>
            </ToastProvider>
        </ThemeProvider>
    </React.StrictMode>,
);
