import { Form, Head } from '@inertiajs/react'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import { register } from '@/routes'; import { store } from '@/routes/login'; import { request } from '@/routes/password'; type Props = { status?: string; canResetPassword: boolean; canRegister: boolean; }; export default function Login({ status, canResetPassword, canRegister, }: Props) { return ( <>
{({ processing, errors }) => ( <> {(status || Object.keys(errors).length > 0) && (
0 ? 'border-[#7F1D1D] bg-[#450A0A] text-[#FECACA]' : 'border-[#166534] bg-[#052E16] text-[#BBF7D0]' }`} role="status" aria-live="polite" > {Object.keys(errors).length > 0 ? 'Sign-in failed. Check your work email and password, then try again.' : status}
)}
{canResetPassword && ( Forgot your password? )}
{canRegister && (
Need access?{' '} Request account access
)} )}
); } Login.layout = { title: 'Sign in to Support Desk', description: 'Access tickets, SLAs, and customer updates in one place.', };