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