import RecaptchaWidget from '@/components/common/recaptcha-widget'; import SocialLoginButtons from '@/components/common/social-login-buttons'; import InputError from '@/components/input-error'; 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 AuthLayout from '@/layouts/auth-layout'; import { register } from '@/routes'; import { store } from '@/routes/login'; import { request } from '@/routes/password'; import { Form, Head } from '@inertiajs/react'; import { CaretRightIcon } from '@phosphor-icons/react'; import { useState } from 'react'; import { useTranslation } from 'react-i18next'; interface LoginProps { status?: string; canResetPassword: boolean; canRegister: boolean; } export default function Login({ status, canResetPassword, canRegister, }: LoginProps) { const { t } = useTranslation(); const [recaptchaToken, setRecaptchaToken] = useState(null); return (
{({ processing, errors }) => ( <>
{canResetPassword && ( {t('Forgot password?')} )}
{recaptchaToken && ( )}
{canRegister && (
{t("Don't have an account?")}{' '} {t('Sign up')}
)} )} {status && (
{status}
)}
); }