import React from "react";
import { Routes, Route } from "react-router-dom";
import { BrowserRouter as Router } from 'react-router-dom';
import Login from "./components/Login/Login";
import Dashboard from "./components/Dashboard/dashboard";
import UserMaintance from "./components/Dashboard/UserMaintance";
import UserGroupMaintance from "./components/Dashboard/UserGroupMaintance/UserGroupMaintance";
import CodeExtension from "./components/Dashboard/Codeextension";
import Extension from "./components/Dashboard/Extension";
import DynamicTable from "./components/Dashboard/Dynamictable";
import Form from "./components/Dashboard/Form";
import ForgotPassword from "./components/Login/ForgotPassword";
import CreateAccount from "./components/Login/CreateAccount";
import DashboardBuilder from "./components/Dashboard/DashboardBuilder";

const App = () => {
  return (
    <div>
      <Router>
        <Routes>
          <Route path="/" element={<Login />} />
          <Route path="/Dashboard" element={<Dashboard />} />
          <Route path="/UserGroupMaintance" element={<UserGroupMaintance />} />
          <Route path="/Dashboard/UserMaintance" element={<UserMaintance />} />
          <Route path="/CodeExtension" element={<CodeExtension />} />
          <Route path="/Dashboard/DashboardBuilder" element={<DashboardBuilder />} />
          <Route path="/Extension" element={<Extension />} />
          <Route path="/Dynamictable" element={<DynamicTable />} />
          <Route path="/Form" element={<Form />} />
          <Route path="/ForgotPassword" element={<ForgotPassword />} />
          <Route path="/CreateAccount" element={<CreateAccount />} />
        </Routes>
      </Router>
    </div>
  );
};

export default App;
