1import { Card, CardContent, CardFooter, CardHeader, CardTitle, Page } 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    <Page>
10      <Card className="sm:w-screen md:w-full">
11        <CardHeader>
12          <CardTitle>
13            {t('hosts')}
14          </CardTitle>
15        </CardHeader>
16        <CardContent>
17          <InboundHostsTable />
18        </CardContent>
19        <CardFooter>
20        </CardFooter>
21      </Card>
22    </Page>
23  )
24}
25
26export const Route = createFileRoute('/_dashboard/hosts')({
27  component: () => <HostsPage />
28})