import React from "react";
import { render as renderApp } from "react-dom";

import { BrowserRouter, Routes, Route } from "react-router-dom";
import { Client } from "@cubicweb/client";

import { CWClientContext } from "CubicWebClient";
import { CWUsers } from "./components/cwusers/CWUsers";

const cwserver = "{{ cookiecutter.cubicweb_server }}";
const client = new Client(`${cwserver}/api`);
const contextValue = { client, cwserver };

renderApp(
  <React.StrictMode>
    <CWClientContext.Provider value={contextValue}>
      <BrowserRouter>
        <Routes>
          <Route path="/" element={<CWUsers />} />
        </Routes>
      </BrowserRouter>
    </CWClientContext.Provider>
  </React.StrictMode>,
  document.getElementById("root")
);