import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";

import Dashboard from "./routes/userDashboard";
import MasterData from "./routes/userMaster-Data";
import Transaksi from "./routes/usertransaksi";
import Laporan from "./routes/userLaporan";
import Settings from "./routes/userSettings";

function App() {
  return (
    <BrowserRouter>
      <Routes>

        {/* Redirect awal */}
        <Route
          path="/"
          element={<Navigate to="/userDashboard" />}
        />

        {/* DASHBOARD */}
        <Route
          path="/userDashboard"
          element={<Dashboard />}
        />

        {/* MASTER DATA */}
        <Route
          path="/userDashboard/master-data"
          element={<MasterData />}
        />

        {/* TRANSAKSI */}
        <Route
          path="/userDashboard/transaksi"
          element={<Transaksi />}
        />

        {/* LAPORAN */}
        <Route
          path="/userDashboard/laporan"
          element={<Laporan />}
        />

        {/* SETTINGS */}
        <Route
          path="/userDashboard/settings"
          element={<Settings />}
        />

      </Routes>
    </BrowserRouter>
  );
}

export default App;