import { Head, useForm, usePage } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import InputError from '@/components/input-error'; import LoadingButton from '@/components/loading-button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AuthLayout from '@/layouts/auth-layout'; import { SharedData } from '@/types/global'; interface ResetPasswordProps { token: string; email: string; } type ResetPasswordForm = { token: string; email: string; password: string; password_confirmation: string; }; export default function ResetPassword({ token, email }: ResetPasswordProps) { const { props } = usePage(); const { auth, input, button } = props.translate; const { data, setData, post, processing, errors, reset } = useForm>({ token: token, email: email, password: '', password_confirmation: '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route('password.store'), { onFinish: () => reset('password', 'password_confirmation'), }); }; return ( ); }