import { createBrowserRouter } from 'react-router-dom';
import Layout from '../Layout';
import { Suspense, lazy } from 'react';
const Home = lazy(() => import('../pages/Home'));
const Counter = lazy(() => import('../pages/Counter'));

const router = createBrowserRouter([
  {
    path: '/',
    element: <Layout />,
    children: [
      {
        index: true,
        element: (
          <Suspense>
            <Home />
          </Suspense>
        ),
      },
      {
        path: '/counter',
        element: (
          <Suspense>
            <Counter />
          </Suspense>
        ),
      },
    ],
  },
]);

export default router;