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