import Field from '@/components/Field'; import SocialAuthButtons from '@/components/SocialAuthButtons'; import GuestLayout from '@/Layouts/GuestLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { ArrowRight, Lock, Mail } from 'lucide-react'; import { FormEventHandler } from 'react'; export default function Login({ status, canResetPassword, }: { status?: string; canResetPassword: boolean; }) { const { data, setData, post, processing, errors, reset } = useForm({ email: '', password: '', remember: false as boolean, }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('login'), { onFinish: () => reset('password'), }); }; return ( {status && (

{status}

)}

Welcome back

or continue with email

setData('email', e.target.value)} error={errors.email} autoComplete="username" autoFocus /> setData('password', e.target.value)} error={errors.password} autoComplete="current-password" />

setData( 'remember', (e.target.checked || false) as false, ) } className="border-border text-primary focus:ring-primary/30 h-4 w-4 cursor-pointer rounded" /> Remember me {canResetPassword && ( Forgot password? )}

Don't have an account?{' '} Get started free

); }