import { createHashRouter, RouterProvider } from 'react-router-dom';
import Root from '../page/root';
import lazyComponent from '@/components/lazy-component';

export default () => (
  <RouterProvider
    router={createHashRouter([
      {
        path: '/',
        element: <Root />,
        children: [
          {
            path: '/about',
            element: lazyComponent(
              () => import(/*qx-dataflow-about*/ '@/page/about'),
            ),
          },
          {
            path: '/designer',
            element: lazyComponent(
              () => import(/*qx-dataflow-designer*/ '@/page/designer'),
            ),
          },
          {
            path: '/list',
            element: lazyComponent(
              () => import(/*qx-dataflow-list*/ '@/page/view/list'),
            ),
          },
          {
            path: '/version',
            element: lazyComponent(
              () => import(/*qx-dataflow-version*/ '@/page/view/version'),
            ),
          },
        ],
      },
    ])}
  />
);