import React from "react";
import ReactDOM from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import Home from "./routes/Home.tsx";
import Login, { loginAction } from "./routes/Login.tsx";
import GolfEntry from "./routes/golf/GolfEntry.tsx";
import GolfPlay from "./routes/golf/GolfPlay.tsx";
import GolfWatch from "./routes/golf/GolfWatch.tsx";
import UserEdit from "./routes/users/Edit.tsx";
import TeamNew from "./routes/teams/New.tsx";
import TeamEdit from "./routes/teams/Edit.tsx";

const router = createBrowserRouter([
  {
    path: "/",
    element: <Home />,
  },
  {
    path: "/login/",
    element: <Login />,
    action: loginAction,
  },
  {
    path: "/users/:userId/",
    element: <UserEdit />,
  },
  {
    path: "/teams/new/",
    element: <TeamNew />,
  },
  {
    path: "/teams/:teamId/",
    element: <TeamEdit />,
  },
  {
    path: "/golf/entry/",
    element: <GolfEntry />,
  },
  {
    path: "/golf/:gameId/play/:playerId/",
    element: <GolfPlay />,
  },
  {
    path: "/golf/:gameId/watch/",
    element: <GolfWatch />,
  },
]);

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <RouterProvider router={router} />
  </React.StrictMode>,
);