import {Input} from '@/components/ui/input';
import FormField from './FormField.jsx';

/**
 * The new password and its repeat, for a form on confirmEmailSchema.
 */
export default function NewPasswordFields({register, errors, t}) {
    return <>
        <FormField id="password" label={t('REGISTRATION.PASSWORD')} error={errors.password} t={t}>
            <Input id="password" type="password" autoComplete="new-password" aria-invalid={!!errors.password}
                   {...register('password')}/>
        </FormField>
        <FormField id="passwordConfirmation" label={t('REGISTRATION.PASSWORD_CONFIRMATION')}
                   error={errors.passwordConfirmation} t={t}>
            <Input id="passwordConfirmation" type="password" autoComplete="new-password"
                   aria-invalid={!!errors.passwordConfirmation} {...register('passwordConfirmation')}/>
        </FormField>
    </>;
}