import { default as React } from 'react';

export declare const rootClassName = "teddy-input";
type ValidationState = 'valid' | 'invalid';
type Input = React.ComponentPropsWithoutRef<'input'>;
export type InputProps = Omit<Input, 'children'> & {
    /** Whether the input should display its "valid" or "invalid" visual styling. */
    validationState?: ValidationState;
    /** Whether to show a loading indicator. */
    isLoading?: boolean;
    /** Called when the value changes. */
    onValueChange?: (value: string) => void;
};
/** The input element */
export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children"> & {
    /** Whether the input should display its "valid" or "invalid" visual styling. */
    validationState?: ValidationState;
    /** Whether to show a loading indicator. */
    isLoading?: boolean;
    /** Called when the value changes. */
    onValueChange?: (value: string) => void;
} & React.RefAttributes<HTMLInputElement>>;
export {};