import AuthenticatedSessionController from '@/actions/App/Http/Controllers/Auth/AuthenticatedSessionController'; import { Form, FormField } from '@/components/form'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Head, Link, router, usePage } from '@inertiajs/react'; import { LoaderCircle } from 'lucide-react'; import { useState } from 'react'; import { toast } from 'sonner'; interface LoginProps { status?: string; canResetPassword: boolean; } export default function Login({ status, canResetPassword }: LoginProps) { const page = usePage(); const [processing, setProcessing] = useState(false); const submitHandler = (values: any) => { setProcessing(true); router.post(AuthenticatedSessionController.store.url(), values, { preserveScroll: true, onFinish: () => setProcessing(false), }); }; return (

{/* Left side - Brand image */}

{/* Right side - Login form */}

{/* Logo and title */}

Welcome to Starter kit!

Enter your email and password to sign in to your account

{status && (

{status}

)}

Password {canResetPassword && ( Forgot password? )}

OR CONTINUE WITH

By clicking continue, you agree to our{' '} Terms of Service {' '} and{' '} Privacy Policy .

); }