//import { ProtectedRoute } from "@erp/auth/components";
import { JSX, lazy } from "react";
import { Route } from "react-router-dom";

// Lazy load components
const InvoicesLayout = lazy(() =>
  import("./components").then((m) => ({ default: m.InvoicesLayout }))
);
const InvoicesList = lazy(() => import("./pages").then((m) => ({ default: m.InvoicesList })));

//const LogoutPage = lazy(() => import("./app").then((m) => ({ default: m.LogoutPage })));

/*const DealerLayout = lazy(() => import("./app").then((m) => ({ default: m.DealerLayout })));
const DealersList = lazy(() => import("./app").then((m) => ({ default: m.DealersList })));

const LoginPageWithLanguageSelector = lazy(() =>
  import("./app").then((m) => ({ default: m.LoginPageWithLanguageSelector }))
);

const InvoiceCreate = lazy(() => import("./app").then((m) => ({ default: m.InvoiceCreate })));
const InvoiceEdit = lazy(() => import("./app").then((m) => ({ default: m.InvoiceEdit })));
const SettingsEditor = lazy(() => import("./app").then((m) => ({ default: m.SettingsEditor })));
const SettingsLayout = lazy(() => import("./app").then((m) => ({ default: m.SettingsLayout })));
const CatalogLayout = lazy(() => import("./app").then((m) => ({ default: m.CatalogLayout })));
const CatalogList = lazy(() => import("./app").then((m) => ({ default: m.CatalogList })));
const DashboardPage = lazy(() => import("./app").then((m) => ({ default: m.DashboardPage })));
const InvoicesLayout = lazy(() => import("./app").then((m) => ({ default: m.InvoicesLayout })));
const InvoicesList = lazy(() => import("./app").then((m) => ({ default: m.InvoicesList })));*/

export const InvoiceRoutes = (): JSX.Element => {
  return (
    <Route path='/invoices' element={<InvoicesLayout />}>
      <Route index element={<InvoicesList />} />
      <Route path='list' element={<InvoicesList />} />

      {/*<Route path='create' element={<InvoiceCreate />} />
      <Route path=':id' element={<InvoicesList />} />
      <Route path=':id/edit' element={<InvoicesList />} />
      <Route path=':id/delete' element={<InvoicesList />} />
      <Route path=':id/view' element={<InvoicesList />} />
      <Route path=':id/print' element={<InvoicesList />} />
      <Route path=':id/email' element={<InvoicesList />} />
      <Route path=':id/download' element={<InvoicesList />} />
      <Route path=':id/duplicate' element={<InvoicesList />} />
      <Route path=':id/preview' element={<InvoicesList />} />*/}

      <Route path='*' element={<InvoicesList />} />
    </Route>
  );
};