import { namedRoute } from '@utilis/react-router';

export const homeRoute = () =>
    namedRoute({
        name: 'home',
        // path: '/home',
        // element: <HomePage />
        index: true,
    });

export const contactsListRoute = () =>
    namedRoute({
        name: 'contacts-list',
        path: '/contacts',
        // element: <ContactListPage />,
        // loader: contactsListLoader
    });

export const appRoute = () =>
    namedRoute({
        name: 'app',
        path: '/',
        element: <App />,
        // errorElement: <ErrorPage />,
        // loader: appRouteLoader,
        // action: appRouteAction,
        children: [
            homeRoute(),
            contactsListRoute(),
            // ...
        ]
    });

/*
 * Setup RouterProvider in root react file...
const router = createBrowserRouter([appRoute()]);

ReactDOM.createRoot(document.getElementById('root')!).render(
    <React.StrictMode>
        <RouterProvider router={router} />
    </React.StrictMode>
);
*/