const routes: Route[] = [
  {
    name: "home",
    path: "/",
    component: () => import("./pages/Home.js")
  },
  {
    name: "about",
    path: "/about",
    component: () => import("./pages/About.js")
  },
];

import { createRouter, Route } from "zenon-router";
const router = createRouter({ 
  history: "history", 
  routes, 
});
router.resolveRoute(); // Call once on page load to resolve current route

router.push("/about"); // Changes URL and loads the About page
router.replace("/home"); // Replaces the current history state with the Home page

const homeRoute = router.getRouteByPath("/"); // Get route by path
const aboutRoute = router.getRouteByName("about"); // Get route by name

interface RouterOptions {
  history?: "hash" | "history"; // Default is "history"
  routes: Route[];
}

interface Route {
  name: string;
  path: string;
  component: () => Promise<{ default: () => void | string }>;
  meta?: Record<string, any>;
  _segments?: string[];
  _paramKeys?: string[];
}