import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import { Toaster } from "react-hot-toast";
import App from "./App.jsx";
import TestApp from "./TestApp.jsx";
import "./index.css";

// Use TestApp temporarily to verify React works
const USE_TEST = false;

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    {USE_TEST ? (
      <TestApp />
    ) : (
      <BrowserRouter>
        <App />
        <Toaster
          position="top-right"
          toastOptions={{
            duration: 3000,
            style: {
              background: "rgba(255, 255, 255, 0.95)",
              backdropFilter: "blur(10px)",
              border: "1px solid rgba(255, 255, 255, 0.2)",
              boxShadow: "0 8px 32px rgba(0, 0, 0, 0.1)",
            },
          }}
        />
      </BrowserRouter>
    )}
  </React.StrictMode>,
);
