import { default as React } from 'react';
import { InputIndicatorProps } from '../input/input-indicator';
import { indicatorFelidsInRoot } from './util';

export declare const rootClassName = "teddy-text-field";
type ListOfErrors = Array<string | null | undefined> | null | undefined;
export type TextFieldContextValue = {
    id: string;
    errorId?: string;
    setErrorId: React.Dispatch<React.SetStateAction<string | undefined>>;
    helperTextId?: string;
    setHelperTextId: React.Dispatch<React.SetStateAction<string | undefined>>;
    disabled?: boolean;
    errors?: ListOfErrors;
    readOnly?: boolean;
    isValid?: boolean;
    isLoading?: boolean;
    isRequired?: boolean;
};
export declare const TextFieldContext: React.Context<TextFieldContextValue | undefined>;
export type TextFieldRootProps = React.ComponentPropsWithoutRef<'div'> & Pick<InputIndicatorProps, (typeof indicatorFelidsInRoot)[number]> & {
    /**
     * Whether the input is disabled.
     */
    disabled?: boolean;
    readOnly?: boolean;
    /**
     * List of errors
     */
    errors?: ListOfErrors;
    /**
     * Whether the input is required.
     */
    isRequired?: boolean;
};
/**
 * The root component of the text field.
 * This components holds the state of the text field. All components that is needed can be extracted from it.
 */
export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<InputIndicatorProps, "isLoading" | "isValid"> & {
    /**
     * Whether the input is disabled.
     */
    disabled?: boolean;
    readOnly?: boolean;
    /**
     * List of errors
     */
    errors?: ListOfErrors;
    /**
     * Whether the input is required.
     */
    isRequired?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
export {};