import { ComponentProps, ReactElement, ReactNode, Ref } from 'react';
import { ColorPropsValue, DivProps, Size } from '../../types';
export interface InputBaseRef extends HTMLDivElement {
    select: HTMLInputElement['select'];
    setSelectionRange: HTMLInputElement['setSelectionRange'];
}
export interface InputBaseProps<T extends 'input' | 'textarea'> extends Omit<DivProps, 'ref' | 'prefix' | 'onChange' | 'children'> {
    ref?: Ref<InputBaseRef>;
    variant?: 'outlined' | 'underlined' | 'plain';
    size?: Size;
    shape?: 'square' | 'rounded';
    color?: ColorPropsValue;
    prefix?: ReactNode;
    suffix?: ReactNode;
    clearable?: boolean;
    onClear?(): void;
    loading?: boolean;
    type?: T extends 'input' ? ComponentProps<T>['type'] : never;
    min?: T extends 'input' ? ComponentProps<T>['min'] : never;
    max?: T extends 'input' ? ComponentProps<T>['max'] : never;
    step?: T extends 'input' ? ComponentProps<T>['step'] : never;
    precision?: T extends 'input' ? number : never;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    autoFocus?: ComponentProps<T>['autoFocus'];
    defaultValue?: ComponentProps<T>['defaultValue'];
    value?: ComponentProps<T>['value'];
    onChange?: ComponentProps<T>['onChange'];
    children(childProps: ComponentProps<T>): ReactNode;
}
export declare const InputBase: <T extends "input" | "textarea">(props: InputBaseProps<T>) => ReactElement;