import { lazy } from "react";

import type { ModuleClientParams, ModuleRouteObject } from "@erp/core/client";

const PaymentMethodsSettingsPage = lazy(() =>
  import("./settings/payment-methods").then((module) => ({
    default: module.PaymentMethodsSettingsPage,
  }))
);

const PaymentTermsSettingsPage = lazy(() =>
  import("./settings/payment-terms").then((module) => ({
    default: module.PaymentTermsSettingsPage,
  }))
);

const TaxRegimesSettingsPage = lazy(() =>
  import("./settings/tax-regimes").then((module) => ({
    default: module.TaxRegimesSettingsPage,
  }))
);

export const CatalogsRoutes = (_params: ModuleClientParams): ModuleRouteObject[] => {
  return [
    {
      path: "settings/general/payment-methods",
      handle: {
        layout: "app-sidebar",
        protected: true,
      },
      element: <PaymentMethodsSettingsPage />,
    },
    {
      path: "settings/general/payment-terms",
      handle: {
        layout: "app-sidebar",
        protected: true,
      },
      element: <PaymentTermsSettingsPage />,
    },
    {
      path: "settings/general/tax-regimes",
      handle: {
        layout: "app-sidebar",
        protected: true,
      },
      element: <TaxRegimesSettingsPage />,
    },
  ];
};