import { createHashRouter } from "react-router-dom";
import App from "../App.tsx";
import { RouteError, RouteFallback } from "../components/common";
import { lazyRoute } from "../utils";

export const router = createHashRouter([
	{
		path: "/",
		element: <App />,
		errorElement: <RouteError />,
		children: [
			{
				index: true,
				lazy: lazyRoute(() => import("../pages/Home")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "about",
				lazy: lazyRoute(() => import("../pages/About")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "components",
				lazy: lazyRoute(() => import("../pages/Components")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "course-demo",
				lazy: lazyRoute(() => import("../pages/CourseDemo")),
				HydrateFallback: RouteFallback,
			},
		],
	},
]);