import { Head, useForm } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; import { FormEventHandler } from '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'; interface LoginForm { 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 (

Email address setData('email', e.target.value)} placeholder="email@example.com" />

Password {canResetPassword && ( Forgot password? )}

setData('password', e.target.value)} placeholder="Password" />

Remember me

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

{status &&

{status}

} ); }