import { InputHTMLAttributes } from 'react';
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'onChange' | 'value'> {
    error?: boolean;
    clearable?: boolean;
    valid?: boolean;
    active?: boolean;
    textarea?: boolean;
    search?: boolean;
    onChange?: (event: {
        target: any;
        type?: any;
    }) => void;
    value?: string | number;
    width?: number | string;
    placeholder?: string;
    fontSize?: number;
    floatingPlaceholder?: boolean;
    ariaLabel?: string;
}
export declare const inputStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $disabled?: boolean | undefined;
}, any>>;
export declare const secondaryInputStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $disabled?: boolean | undefined;
}, any>>;
export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $placeholderText?: boolean | undefined;
    $disabled?: boolean | undefined;
    $textarea?: boolean | undefined;
    $fontSize?: number | undefined;
}, never>;
export declare const SecondaryStyledInput: import("styled-components").StyledComponent<"input", any, {
    $error?: boolean | undefined;
    $icon?: boolean | undefined;
    $placeholderText?: boolean | undefined;
    $disabled?: boolean | undefined;
    $textarea?: boolean | undefined;
    $fontSize?: number | undefined;
}, never>;
export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;