import ReactDOM from "react-dom/client";
import CssBaseline from "@mui/material/CssBaseline";
import { Provider } from "react-redux";
import store from "./redux/store.js";
import App from "./App.jsx";
import "./index.css";
import theme from "./theme.js";
import { HashRouter as Router, Route, Routes } from "react-router-dom";

import { ThemeProvider } from "@mui/material/styles";
import ThankYou from "./thank-you/index.tsx";
import Login from "./Auth/Login.jsx";
import VerifyOtp from "./Auth/VerifyOtp.jsx";

ReactDOM.createRoot(document.getElementById("root")).render(
  <>
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <Provider store={store}>
        <Router>
          <Routes>
            <Route path="/:id" element={<Login />} />
            <Route path="/slotbooking/:id" element={<App />} />
            <Route path="/thankyou" element={<ThankYou />} />
            <Route path="/verifyOtp" element={<VerifyOtp />} />
          </Routes>
        </Router>
      </Provider>
    </ThemeProvider>
  </>
);