import React from "react";
declare const _default: {
    title: string;
    component: (props: any) => React.JSX.Element;
    tags: string[];
    argTypes: {
        hasError: {
            control: string;
        };
        disabled: {
            control: string;
        };
        readonly: {
            control: string;
        };
        hasLoading: {
            control: string;
        };
        isShowDropdown: {
            control: string;
        };
        hasAutoUppercase: {
            control: string;
        };
        autofocus: {
            control: string;
        };
        label: {
            control: string;
        };
        placeholder: {
            control: string;
        };
        errorMessage: {
            control: string;
        };
        width: {
            control: string;
        };
        dropdownMaxHeight: {
            control: string;
        };
        dropdownPosition: {
            control: string;
            options: string[];
        };
        customLinkText: {
            control: string;
        };
        customLinkHref: {
            control: string;
        };
        onCustomLinkClick: {
            action: string;
        };
        onClear: {
            action: string;
        };
        onChange: {
            action: string;
        };
        dropdownList: {
            control: string;
        };
        value: {
            control: string;
        };
        noResultTemplate: {
            control: boolean;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const DropdownOpen: {
    args: {
        isShowDropdown: boolean;
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const NoResults: {
    args: {
        isShowDropdown: boolean;
        dropdownList: any[];
        noResultTemplate: () => React.JSX.Element;
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
    };
};
export declare const WithError: {
    args: {
        hasError: boolean;
        errorMessage: string;
        placeholder: string;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const WithErrorAndDropdown: {
    args: {
        hasError: boolean;
        errorMessage: string;
        isShowDropdown: boolean;
        placeholder: string;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const Disabled: {
    args: {
        disabled: boolean;
        placeholder: string;
        hasError: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const Readonly: {
    args: {
        readonly: boolean;
        value: {
            value: number;
            label: string;
        };
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const WithLoading: {
    args: {
        hasLoading: boolean;
        isShowDropdown: boolean;
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const WithCustomLink: {
    args: {
        customLinkText: string;
        customLinkHref: string;
        onCustomLinkClick: () => void;
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const WithoutLabel: {
    args: {
        label: string;
        placeholder: string;
        dropdownList: {
            value: number;
            label: string;
        }[];
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const WithSelectedValue: {
    args: {
        value: {
            value: number;
            label: string;
        };
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const WithoutAutoUppercase: {
    args: {
        hasAutoUppercase: boolean;
        placeholder: string;
        label: string;
        dropdownList: {
            value: number;
            label: string;
        }[];
        isShowDropdown: boolean;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        width: string;
        dropdownMaxHeight: string;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const SingleItem: {
    args: {
        label: string;
        dropdownList: {
            value: number;
            label: string;
        }[];
        isShowDropdown: boolean;
        hasAutoUppercase: boolean;
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        width: string;
        dropdownMaxHeight: string;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const FixedBottomItem: {
    args: {
        isShowDropdown: boolean;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const ShortDropdown: {
    args: {
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
        dropdownList: ({
            value: number;
            label: string;
            isFixedBottom?: undefined;
        } | {
            value: number;
            label: string;
            isFixedBottom: boolean;
        })[];
    };
};
export declare const FullWidth: {
    args: {
        width: string;
        isShowDropdown: boolean;
        dropdownList: {
            value: number;
            label: string;
        }[];
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const DropdownPositionRelative: {
    args: {
        dropdownPosition: string;
        isShowDropdown: boolean;
        dropdownList: {
            value: number;
            label: string;
        }[];
        placeholder: string;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        label: string;
        width: string;
        dropdownMaxHeight: string;
        hasAutoUppercase: boolean;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const Complete: {
    args: {
        label: string;
        placeholder: string;
        customLinkText: string;
        customLinkHref: string;
        isShowDropdown: boolean;
        hasError: boolean;
        errorMessage: string;
        hasAutoUppercase: boolean;
        dropdownList: {
            value: number;
            label: string;
        }[];
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        width: string;
        dropdownMaxHeight: string;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};
export declare const Interactive: {
    render: (args: any) => React.JSX.Element;
    args: {
        label: string;
        placeholder: string;
        dropdownList: {
            value: number;
            label: string;
        }[];
        hasAutoUppercase: boolean;
        hasError: boolean;
        disabled: boolean;
        readonly: boolean;
        hasLoading: boolean;
        width: string;
        dropdownMaxHeight: string;
        isShowDropdown: boolean;
        dropdownPosition: string;
        autofocus: boolean;
        name: string;
        autoComplete: string;
        value: any;
        errorMessage: string;
        customLinkText: any;
        customLinkHref: any;
        onClear: () => void;
        onChange: (e: any) => void;
        onKeyUp: () => void;
        onFocus: () => void;
        onBlur: () => void;
        onKeyDown: () => void;
        onCustomLinkClick: () => void;
        noResultTemplate: () => React.JSX.Element;
    };
};