import { render } from "react-dom";
import "./App.css";
import "./index.css";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import {
  AssemblyPreviewInsertVector,
  AssemblyPreviewInsertVectorPath,
} from "./features/assembly_preview_insert_vector/Assembly_preview_insert_vector_screen";
import {
  ProjectScreen,
  ProjectsPath,
} from "./features/all_project/all_project_screen";
import {
  AssemblyPreviewSubsequence,
  AssemblyPreviewSubsequencePath,
} from "./features/assembly_preview_subsequence/assembly_preview_subsequence_screen";
import CreateProject, { createProjectRoute } from "./features/create_project/create_project";
import { pathAjaxTopologyScreen, MatrixTopologyAdjaxScreen } from "./features/topology_ajax_preview/topology_ajax_preview";
import { pathStabilityScreen, StabilityPreviewScreen } from "./features/stability_preview/stability_preview";
 
const rootElement = document.getElementById("root");

const router = createBrowserRouter([
  {
    path: ProjectsPath,
    element: <ProjectScreen />,
  },
  {
    path:createProjectRoute,
    element:<CreateProject/>
  },
  {
    path: AssemblyPreviewSubsequencePath + ":id",
    element: <AssemblyPreviewSubsequence />,
  },
  {
    path: AssemblyPreviewInsertVectorPath + ":id",
    element: <AssemblyPreviewInsertVector />,
  },
  {
    path: pathAjaxTopologyScreen + ":id",
    element:<MatrixTopologyAdjaxScreen/>
  },
  {
    path: pathStabilityScreen + ':id',
    element:<StabilityPreviewScreen/>
  }
]);

render(<RouterProvider router={router} />, rootElement);