import React from "react";
import { Route, Routes } from "react-router-dom";
import Profile from "./pages/profile/Profile";
import Rooms from "./pages/rooms/Rooms";
import Room from "./pages/room/Room";
import { Home, Login, Register } from "./pages";

export const Router = () => (
  <Routes>
    <Route index element={<Home />} />
    <Route path="home" element={<Home />} />
    <Route path="stats" element={<Home />} />
    <Route path="login" element={<Login />} />
    <Route path="register" element={<Register />} />
    <Route path="rooms/" element={<Rooms />} />
    {/* maybe <Route path="rooms/:page" element={<Rooms />} /> */}
    <Route path="room/:id" element={<Room />} />
    <Route path="profile" element={<Profile />} />
  </Routes>
);
