import { Head, useForm, Link } from "@inertiajs/react"; import { ReactNode, useState } from "react"; import AuthLayout from "@/layouts/auth-layout"; import { LockOpen, Mail, ArrowRight, ArrowLeft } from "lucide-react"; import { motion, AnimatePresence, Variants } from "framer-motion"; export default function ForgotPassword() { const { data, setData, post, errors, processing } = useForm({ email: '', }) const [sent, setSent] = useState(false) const itemVariants: Variants = { hidden: { opacity: 0, y: 15 }, visible: { opacity: 1, y: 0, transition: { duration: 0.4, ease: [0.23, 1, 0.32, 1] } } } const handleSubmit = (e: React.FormEvent) => { e.preventDefault() post('/forgot-password', { onSuccess: () => { setSent(true) } }) } if (sent) { return ( <>

{Array.from("Email Terkirim").map((char, index) => ( {char} ))}

Kami telah mengirimkan email ke alamat yang terdaftar.

Tidak menerima email?{" "} Kirim Ulang

) } return ( <>

{/* Heading Section */}

{Array.from("Lupa Password?").map((char, index) => ( {char} ))}

Jangan khawatir, kami akan bantu kamu.

{/* Form Section */} Alamat Email

setData('email', e.target.value)} placeholder="Masukkan email anda" className="flex-1 bg-transparent outline-none text-white placeholder:text-white/20 text-sm font-medium" required />

{errors.email && ( {errors.email} )} Kirim Permintaan Kembali ke halaman login

) } ForgotPassword.layout = (page: ReactNode) => {page}