import { Mail, Lock } from 'lucide-react'; import { FormEventHandler } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import InputError from '@/Components/InputError'; 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 ResetPasswordProps { token: string; email: string; } export default function ResetPassword({ token, email }: ResetPasswordProps) { const { data, setData, post, processing, errors, reset } = useForm({ token, email, password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.store'), { onFinish: () => reset('password', 'password_confirmation'), }); }; return (

Reset your password

Create a new password for your account.

Email address

setData('email', e.target.value)} required aria-describedby={errors.email ? 'reset-email-error' : undefined} aria-invalid={!!errors.email} />

Password

setData('password', e.target.value)} required aria-describedby={errors.password ? 'reset-password-error' : undefined} aria-invalid={!!errors.password} />

Confirm password

setData('password_confirmation', e.target.value)} required aria-describedby={ errors.password_confirmation ? 'reset-password-confirmation-error' : undefined } aria-invalid={!!errors.password_confirmation} />

Reset Password

Remembered it?{' '} Back to sign in

); }