import { Mail, CheckCircle2 } from 'lucide-react'; import { FormEventHandler } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import InputError from '@/Components/InputError'; import { Alert, AlertDescription, AlertTitle } from '@/Components/ui/alert'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { LoadingButton } from '@/Components/ui/loading-button'; import AuthLayout from '@/Layouts/AuthLayout'; interface ForgotPasswordProps { status?: string; } export default function ForgotPassword({ status }: ForgotPasswordProps) { const { data, setData, post, processing, errors } = useForm({ email: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.email')); }; return (

Forgot your password?

No problem. Enter your email and we'll send you a password reset link.

{status && ( Email sent {status} )}
setData('email', e.target.value)} required aria-describedby={errors.email ? 'forgot-email-error' : undefined} aria-invalid={!!errors.email} />
Email Password Reset Link

Remembered it?{' '} Back to sign in

); }