import { FormEventHandler, useEffect } from "react"; import GuestLayout from "@/layouts/guest-layout"; import { Head, useForm } from "@inertiajs/react"; import { Label } from "@/components/ui/label"; import { Input } from "@/components/ui/input"; import { InputError } from "@/components/ui/input-error"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card"; export default function ResetPassword({ token, email, }: { token: string; email: string; }) { const { data, setData, post, processing, errors, reset } = useForm({ token: token, email: email, password: "", password_confirmation: "", }); useEffect(() => { return () => { reset("password", "password_confirmation"); }; }, []); const submit: FormEventHandler = (e) => { e.preventDefault(); post(route("password.store")); }; return (

Reset Password Enter your new password

Email setData("email", e.target.value) } />

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

Confirm Password setData( "password_confirmation", e.target.value ) } />

); }