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