import { Head, useForm } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; import { FormEventHandler } from 'react'; import InputError from '@/components/input-error'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import NeuralBackground from '@/components/landing/neural-background'; import AIParticles from '@/components/landing/ai-particles'; import Container from '@/components/landing/container'; import AppLogoIcon from '@/components/app-logo-icon'; import ThemeToggle from '@/components/theme-toggle'; 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 { 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 ( <>
{/* Toggle de tema flotante */}

Nueva contraseña

Ingresa tu nueva contraseña a continuación

setData('email', e.target.value)} />
setData('password', e.target.value)} placeholder="Password" />
setData('password_confirmation', e.target.value)} placeholder="Confirm password" />
¿Recordaste tu contraseña?{' '} Inicia sesión
); }