import { useState } from "react";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import { Provider as JotaiProvider } from "jotai";
import { Home } from "./Home.tsx";
import { Version } from "./Version.tsx";
import { Network } from "./Network.tsx";
import "./App.css";

function App() {
  return (
    <div>
      <JotaiProvider>
        <RouterProvider router={router} />
      </JotaiProvider>
    </div>
  );
}

const router = createBrowserRouter([
  {
    path: "/",
    element: <Home />,
  },
  {
    path: "/index.html",
    element: <Home />,
  },
  {
    path: "/network",
    element: <Network />,
  },
  {
    path: "/version",
    element: <Version />,
  },
]);

export default App;
