// import { Login } from "../features/authentication/components/login/Login";
import { lazy } from "react";
import { lazyRetry } from "../utils/lazyRetry";
import {
  ROUTE_GENERAL_DOWNLOAD_REPORT,
  ROUTE_GENERAL_SUPPORT,
  ROUTE_GENERAL_WAGE_PAYMENT,
} from "./routes";

const Auth = lazy(() => lazyRetry(() => import("../pages/Auth")));
// const TokenLogin = lazy(() => lazyRetry(() => import("../pages/TokenLogin")));
const Support = lazy(() => lazyRetry(() => import("../pages/Support")));
const WagePayment = lazy(() => lazyRetry(() => import("../pages/WagePayment")));
const DownloadReport = lazy(() =>
  lazyRetry(() => import("../pages/DownloadReport"))
);

// use lazy for import components

export const guestRouting = [
  {
    path: ["/"],
    Page: Auth,
    exact: false,
    props: {},
  },
  // {
  //   path: ["/:token"],
  //   Page: TokenLogin,
  //   exact: false,
  //   props: {},
  // },
  {
    path: [ROUTE_GENERAL_SUPPORT],
    Page: Support,
    exact: false,
    props: {},
  },
  {
    path: [ROUTE_GENERAL_WAGE_PAYMENT],
    Page: WagePayment,
    exact: false,
    props: {},
  },
  {
    path: [ROUTE_GENERAL_DOWNLOAD_REPORT],
    Page: DownloadReport,
    exact: false,
    props: {},
  },
];
