import React, { useState } from 'react'; import GuestLayout from '../../Layouts/GuestLayout'; import { Head, Link, useForm } from '@inertiajs/react'; import { Card, Form, Spinner } from 'react-bootstrap'; import { ShieldCheck, Lock, KeyRound, ArrowLeft, Laptop } from 'lucide-react'; import styles from './Login.module.css'; import loginBg1 from '../../../images/login/login-bg-1.png'; interface Props { email?: string; } export default function TwoFactorChallenge({ email }: Props) { const [useRecoveryCode, setUseRecoveryCode] = useState(false); const { data, setData, post, processing, errors } = useForm({ code: '', trust_device: true, }); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); post(route('two-factor.verify')); }; return (