import * as React from 'react';
import { FlexProps } from '../../layout/Flex';
import { CapInputSize, InputVariantColor } from '../enums';
export interface FormControlProps extends FlexProps {
    readonly isDisabled?: boolean;
    readonly isInvalid?: boolean;
    readonly isRequired?: boolean;
    readonly isReadonly?: boolean;
    readonly variantSize?: CapInputSize;
    readonly variantColor?: InputVariantColor;
    readonly inputId?: string;
}
export interface FormControlContext {
    isRequired?: boolean;
    isDisabled?: boolean;
    isInvalid?: boolean;
    isReadonly?: boolean;
    variantSize?: CapInputSize;
    variantColor?: InputVariantColor;
    id?: string;
    inputId?: string;
}
export declare function useFormControlProvider(props: FormControlContext): {
    variantSize: CapInputSize | undefined;
    variantColor: InputVariantColor | undefined;
    isRequired: boolean;
    isInvalid: boolean;
    isDisabled: boolean;
    isFocused: boolean;
    isReadonly: boolean;
    onFocus: () => void;
    onBlur: () => void;
    htmlProps: {
        id?: string;
    };
    getRootProps: (props?: {}, forwardedRef?: null) => {
        ref: null;
        id?: string;
    };
    inputId: string | undefined;
};
type FormControlProviderContext = Omit<ReturnType<typeof useFormControlProvider>, 'getRootProps' | 'htmlProps'>;
declare const useFormControlContext: () => FormControlProviderContext;
export { useFormControlContext };
export declare const FormControl: React.FC<FormControlProps>;
declare const _default: React.FC<FormControlProps>;
export default _default;