import { BrowserRouter as Router, Routes, Route, Navigate } from "react-router-dom";
import AppShell from "@/components/AppShell";
import Live from "@/pages/Live";
import Playback from "@/pages/Playback";
import Settings from "@/pages/Settings";

export default function App() {
  return (
    <Router>
      <AppShell>
        <Routes>
          <Route path="/" element={<Navigate to="/live" replace />} />
          <Route path="/live" element={<Live />} />
          <Route path="/playback" element={<Playback />} />
          <Route path="/settings" element={<Settings />} />
          <Route path="*" element={<Navigate to="/live" replace />} />
        </Routes>
      </AppShell>
    </Router>
  );
}