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