import { Home } from "./pages/Home.js";
import { Settings } from "./pages/Settings.js";
import { AntiMoneyLaunderingForm } from "./pages/AntiMoneyLaunderingForm.js";
import { Welcome } from "./pages/Welcome.js";
import { PageEntry, pageDefinition } from "./route.js";
import { Officer } from "./pages/Officer.js";
import { Info } from "./pages/Info.js";

const home: PageEntry = {
  url: "#/",
  view: Home,
};
const info: PageEntry = {
  url: "#/info",
  view: Info,
};

const settings: PageEntry = {
  url: "#/settings",
  view: Settings,
};
const officer: PageEntry = {
  url: "#/officer",
  view: Officer,
};
const welcome: PageEntry<{ asd?: string; name?: string }> = {
  url: pageDefinition("#/welcome/:name?"),
  view: Welcome,
};
const form: PageEntry<{ number?: string }> = {
  url: pageDefinition("#/form/:number?"),
  view: AntiMoneyLaunderingForm,
};

export const Pages = { home, info, officer, settings, welcome, form };