import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter, Routes, Route } from "react-router";
import "./index.css";
import { GridOverlay } from "./components/GridOverlay";
import HomePage from "./routes/_index";
import ListenPage from "./routes/listen";
import FilesPage from "./routes/files";

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <BrowserRouter>
      <GridOverlay />
      <Routes>
        <Route path="/" element={<HomePage />} />
        <Route path="/listen" element={<ListenPage />} />
        <Route path="/files" element={<FilesPage />} />
        <Route path="/files/:id" element={<FilesPage />} />
      </Routes>
    </BrowserRouter>
  </StrictMode>
);