import { useForm, router } from '@inertiajs/react'; import InputError from '@/components/input-error'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AuthLayout from '@/layouts/auth-layout'; import { register } from '@/routes'; import { request } from '@/routes/password'; import { Head } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; interface LoginProps { status?: string; canResetPassword: boolean; } export default function Login({ status, canResetPassword }: LoginProps) { const { data, setData, post, processing, errors } = useForm({ email: '', password: '', remember: false, }); const submit = (e: React.FormEvent) => { e.preventDefault(); post('/login'); }; return (

Email address setData('email', e.target.value)} />

Password {canResetPassword && ( Forgot password? )}

setData('password', e.target.value)} />

setData('remember', Boolean(checked))} /> Remember me

Don't have an account?{' '} Sign up

{status &&

{status}

} ); }