import React from "react";
import ReactDOM from "react-dom/client";
import { HashRouter, Routes, Route } from "react-router-dom";
import "./style.css";
import Home from "./pages/Home.jsx";
import Wizard from "./pages/Wizard.jsx";
import WizardResults from "./pages/WizardResults.jsx";
import Results from "./pages/Results.jsx";
import Plan from "./pages/Plan.jsx";
import Place from "./pages/Place.jsx";
import Catalog from "./pages/Catalog.jsx";
import Favorites from "./pages/Favorites.jsx";
import { FavoritesProvider } from "./lib/favorites.jsx";

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <FavoritesProvider>
      <HashRouter>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/plan" element={<Wizard />} />
          <Route path="/wizard-results" element={<WizardResults />} />
          <Route path="/results" element={<Results />} />
          <Route path="/plan/:id" element={<Plan />} />
          <Route path="/place/:id" element={<Place />} />
          <Route path="/places" element={<Catalog />} />
          <Route path="/favorites" element={<Favorites />} />
        </Routes>
      </HashRouter>
    </FavoritesProvider>
  </React.StrictMode>
);