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

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

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

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