import type { FormDataConvertible } from '@inertiajs/core'; import { Head, useForm } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import { Button } from '@admin/components/ui/button'; import { Checkbox } from '@admin/components/ui/checkbox'; import { FormError } from '@admin/components/ui/form-error'; import { Input } from '@admin/components/ui/input'; import { Label } from '@admin/components/ui/label'; import AuthLayout from '@admin/layouts/auth-layout'; import { TextLink } from '@admin/components/ui/text-link'; interface LoginForm extends Record { email: string; password: string; remember: boolean; } interface LoginProps { status?: string; canResetPassword: boolean; } export default function Login({ status, canResetPassword }: LoginProps) { const { data, setData, post, processing, errors, reset } = useForm({ email: '', password: '', remember: false, }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('login'), { onFinish: () => reset('password'), }); }; return ( {status &&

{status}

}
setData('email', e.target.value)} />
{canResetPassword && Forgot password?}
setData('password', e.target.value)} />
setData('remember', e.target.checked)} />
); }