import { Routes, Route, Navigate } from "react-router-dom";
import SettingsPage from "./features/settings/SettingsPage";
import RoomSetup from "./features/roomSetup/RoomSetup";
import RoomVisualizer from "./features/roomVisualizer/RoomVisualizer";
import SharedView from "./features/shared/SharedView";
import "./App.css";

export default function App() {
  return (
    <div className="min-h-screen bg-[#f4f8ff] text-[#333333]">
      <Routes>
        <Route path="/" element={<RoomSetup />} />
        <Route path="/visualizer" element={<RoomVisualizer />} />
        <Route path="/share/:shareId" element={<SharedView />} />
        <Route path="/settings" element={<SettingsPage />} />
        <Route path="*" element={<Navigate to="/" replace />} />
      </Routes>
    </div>
  );
}