1import { Page, Loading } from '@marzneshin/common/components'
 2import { ServicesTable } from '@marzneshin/modules/services'
 3import { createLazyFileRoute, Outlet } from '@tanstack/react-router'
 4import { type FC, Suspense } from 'react'
 5import { useTranslation } from 'react-i18next'
 6import { SudoRoute } from '@marzneshin/libs/sudo-routes'
 7
 8export const ServicesPage: FC = () => {
 9  const { t } = useTranslation()
10  return (
11    <Page title={t('services')}>
12      <ServicesTable />
13      <Suspense fallback={<Loading />}>
14        <Outlet />
15      </Suspense>
16    </Page>
17  )
18}
19
20export const Route = createLazyFileRoute('/_dashboard/services')({
21  component: () => (
22    <SudoRoute>
23      {' '}
24      <ServicesPage />{' '}
25    </SudoRoute>
26  ),
27})