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: "reception",
				lazy: lazyRoute(() => import("../pages/Reception")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "main-scene",
				lazy: lazyRoute(() => import("../pages/MainScene")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "evidence",
				lazy: lazyRoute(() => import("../pages/Evidence")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "record",
				lazy: lazyRoute(() => import("../pages/Record")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "letter-study",
				lazy: lazyRoute(() => import("../pages/LetterStudy")),
				HydrateFallback: RouteFallback,
			},
			/* 模板 Demo，业务开发时暂时隐藏
			{
				path: "components",
				lazy: lazyRoute(() => import("../pages/Components")),
				HydrateFallback: RouteFallback,
			},
			{
				path: "course-demo",
				lazy: lazyRoute(() => import("../pages/CourseDemo")),
				HydrateFallback: RouteFallback,
			},
			*/
		],
	},
]);