1import {
 2    Page,
 3    Loading,
 4} from '@marzneshin/components';
 5import { UsersNoServiceAlert, UsersTable } from '@marzneshin/modules/users';
 6import { createFileRoute, Outlet } from '@tanstack/react-router'
 7import { type FC, Suspense } from 'react';
 8import { useTranslation } from 'react-i18next';
 9
10export const UsersPage: FC = () => {
11    const { t } = useTranslation();
12
13    return (
14        <Page
15            title={t('users')}
16            footer={
17                <UsersNoServiceAlert />
18            }
19        >
20            <UsersTable />
21            <Suspense fallback={<Loading />}>
22                <Outlet />
23            </Suspense>
24        </Page>
25    )
26};
27
28export const Route = createFileRoute('/_dashboard/users')({
29    component: () => <UsersPage />,
30})