import { Head, useForm, usePage, router } from '@inertiajs/react'; import AppLogoIcon from '@/components/app-logo-icon'; import { ShieldCheck } from 'lucide-react'; export default function EmailOtpChallenge() { const { email } = usePage().props as unknown as { email: string }; const form = useForm({ code: '' }); const submit = (e: React.FormEvent) => { e.preventDefault(); form.post('/otp/verify'); }; return (

Check your email

We sent a 6-digit code to {email}.

form.setData('code', e.target.value.replace(/\D/g, '').slice(0, 6))} inputMode="numeric" autoFocus placeholder="000000" className="w-full rounded-md border border-border bg-background px-3 py-3 text-center text-2xl tracking-[0.5em] outline-none focus:border-primary" /> {form.errors.code &&

{form.errors.code}

}
); }