import { ComponentPropsWithoutRef, Ref } from 'react';
import { FormFieldContextState } from './FormFieldContext';
export interface FormFieldProps extends ComponentPropsWithoutRef<'div'>, Pick<FormFieldContextState, 'name' | 'state' | 'isRequired'> {
    /**
     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
     */
    asChild?: boolean;
    /**
     * When `true`, prevents the user from interacting.
     */
    disabled?: boolean;
    /**
     * Sets the component as interactive or not.
     */
    readOnly?: boolean;
    ref?: Ref<HTMLDivElement>;
}
export declare const FormField: {
    ({ className, disabled, readOnly, name, state, isRequired, asChild, ref, ...others }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
