/* @refresh reload */
import { render } from "solid-js/web";
import "./index.css";
import App from "./App.tsx";
import { Router, Route } from "@solidjs/router";
import { lazy } from "solid-js";

const root = document.getElementById("root");

render(
  () => (
    <Router>
      <Route path="/" component={App}>
        <Route
          path=""
          component={lazy(() => import("./pages/accouts/Account.tsx"))}
        />
        <Route
          path="account"
          component={lazy(() => import("./pages/accouts/Account.tsx"))}
        />
        <Route
          path="logs"
          component={lazy(() => import("./pages/logs/Logs.tsx"))}
        />
        <Route
          path="setting"
          component={lazy(() => import("./pages/settings/Setting.tsx"))}
        />
      </Route>
    </Router>
  ),
  root!,
);