1import { Card, CardContent, CardHeader, CardTitle } from '@marzneshin/components';
 2import { LoginForm } from '@marzneshin/features/auth';
 3import { createFileRoute } from '@tanstack/react-router'
 4import { FC } from 'react'
 5import { useTranslation } from 'react-i18next';
 6
 7const LoginPage: FC = () => {
 8  const { t } = useTranslation();
 9  return (
10    <div className='flex flex-row justify-center items-center p-4 w-full h-full'>
11      <Card className="p-1 w-full md:w-2/3">
12        <CardHeader>
13          <CardTitle className="font-header text-primary">
14            {t('login')}
15          </CardTitle>
16        </CardHeader>
17        <CardContent>
18          <LoginForm />
19        </CardContent>
20      </Card>
21    </div>
22  );
23};
24
25export const Route = createFileRoute('/_auth/login')({
26  component: () => <LoginPage />
27})