import React, { CSSProperties, ForwardedRef } from 'react';
export type OriginalFieldWrapperProps = {
    [x: string]: any;
    /**
     * Field child component.
     */
    children?: JSX.Element | JSX.Element[];
    /**
     * Class name
     */
    className?: string;
    /**
     * Field Error Message Text.
     */
    errorMessage?: string;
    fieldBoxClassName?: string;
    /**
     * Field container class name
     */
    fieldContainerClassName?: string;
    /**
     * Field error class name
     */
    fieldErrorClassName?: string;
    fieldLabelBoxClassName?: string;
    /**
     * will apply this css
     * ```css
     * :focus-within: { backgroundColor: theme.navy4; }
     * ```
     *  */
    focusable?: boolean;
    /**
     * Field Has Error.
     */
    hasError?: boolean;
    /**
     * Field hint.
     */
    hint?: string;
    information?: string | JSX.Element;
    isFocused?: boolean;
    /**
     * Field Label.
     */
    label?: string;
    /**
     * Used as props in fieldWrapper styles to make max-width to be 100%
     */
    maxWidth100?: boolean;
    onMouseDown?: React.MouseEventHandler<HTMLElement>;
    /**
     * Field size.
     */
    size?: 'default' | 'small';
    /**
     * Field wrapper style.
     */
    style?: CSSProperties;
    /**
     * Field is validated variant.
     */
    validated?: boolean;
    /**
     * Field variant.
     */
    variation?: 'inlineSpace' | 'inlinePacked' | 'stacked';
    /**
     * Field type.
     */
    wrapperType?: 'primary' | 'secondary';
};
export declare const FieldWrapper: ({ errorMessage, validated, hasError, label, hint, information, variation, children, style, wrapperType, size, className, fieldContainerClassName, fieldErrorClassName, fieldBoxClassName, fieldLabelBoxClassName, isFocused, focusable, maxWidth100, onMouseDown, ...props }: OriginalFieldWrapperProps, ref: ForwardedRef<HTMLDivElement>) => JSX.Element;
