1import {
 2    Card,
 3    CardContent,
 4    CardHeader,
 5    CardTitle,
 6    Page,
 7    Loading,
 8} from '@marzneshin/components';
 9import { SudoRoute } from '@marzneshin/features/sudo-routes'
10import { createFileRoute, Outlet } from '@tanstack/react-router'
11import { AdminsTable } from '@marzneshin/features/admins'
12import { type FC, Suspense } from 'react';
13import { useTranslation } from 'react-i18next';
14
15export const AdminsPage: FC = () => {
16    const { t } = useTranslation();
17    return (
18        <Page>
19            <Card className="border-0 sm:w-screen md:w-full">
20                <CardHeader>
21                    <CardTitle>
22                        {t('admins')}
23                    </CardTitle>
24                </CardHeader>
25                <CardContent>
26                    <AdminsTable />
27                    <Suspense fallback={<Loading />}>
28                        <Outlet />
29                    </Suspense>
30                </CardContent>
31            </Card>
32        </Page>
33    )
34};
35
36
37export const Route = createFileRoute('/_dashboard/admins')({
38    component: () => <SudoRoute><AdminsPage /></SudoRoute>,
39})