import { createHashRouter, RouterProvider } from 'react-router-dom';
import Root from '../page/root';
import About from '../page/about';
import Designer from '../page/designer';
import List from '../page/view/list';
import Version from '../page/view/version';

export default () => (
  <RouterProvider
    router={createHashRouter([
      {
        path: '/',
        element: <Root />,
        children: [
          {
            path: '/about',
            element: <About />,
          },
          {
            path: '/designer',
            element: <Designer />,
          },
          {
            path: '/list',
            element: <List />,
          },
          {
            path: '/version',
            element: <Version />,
          },
        ],
      },
    ])}
  />
);