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="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})