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