import { lazy, Suspense } from 'react'
import { PageLoading } from './PageLoading'

const ComponentsPage = lazy(() =>
  import('../pages/ComponentsPage').then((module) => ({
    default: module.ComponentsPage,
  })),
)

export function ComponentsRoute() {
  return (
    <Suspense fallback={<PageLoading />}>
      <ComponentsPage />
    </Suspense>
  )
}