import { ChangeEventHandler, ComponentType, FocusEventHandler, FunctionComponent, Ref } from 'react';
import { AsyncValidator, Validator } from '@gecogvidanto/shared';
import { ValidationEvent } from '../../hooks';
interface InnerElement extends Element {
    value: string;
}
interface VisibleFieldProps<I extends InnerElement> {
    id: string;
    onChange?: ChangeEventHandler<I>;
    onBlur?: FocusEventHandler<I>;
}
interface FieldProps<I extends InnerElement> extends VisibleFieldProps<I> {
    inputRef: Ref<any>;
}
interface Props<I extends InnerElement> extends VisibleFieldProps<I> {
    label: string;
    validators?: Validator[];
    asyncValidators?: AsyncValidator[];
    onValidate?: (event: ValidationEvent<I>) => void;
    disabled?: boolean;
    required?: boolean;
    fullWidth?: boolean;
}
export declare type ValidableFieldProps<C extends Partial<FieldProps<I>>, I extends InnerElement> = Props<I> & Omit<C, keyof Props<I>>;
/**
 * Convert an input field into a validable field.
 *
 * @param Field - The fiels to convert.
 * @returns The validable field.
 */
export declare function buildValidableField<C extends Partial<FieldProps<I>>, I extends InnerElement>(Field: ComponentType<C>): FunctionComponent<ValidableFieldProps<C, I>>;
export {};