export declare const HbTableSearchbar: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
    fill: {
        type: BooleanConstructor;
        default: boolean;
    };
    searcher: {
        type: ObjectConstructor;
        default: () => {};
    };
    selector: {
        type: import("vue").PropType<import("./src/searchbar").SearchbarSelectors>;
        default: () => {
            items: any[];
        };
    };
    padding: {
        type: StringConstructor;
        default: string;
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
}, {
    colCount: import("vue").ComputedRef<string>;
    hasMoreButton: import("vue").Ref<boolean>;
    hlRow: import("vue").Ref<{
        $el: HTMLElement;
    }>;
    showMore: import("vue").Ref<boolean>;
    toggle: () => void;
    searchValue: import("vue").Ref<string>;
    searchItems: import("vue").Ref<{
        label?: string;
        span?: string;
        type: string;
        value: unknown;
        name: string;
        display?: () => string;
        prop?: {
            label: string;
            value: string;
        };
        options: {
            [x: string]: unknown;
        }[];
    }[]>;
    getKey: (item: import("./src/searchbar").SelectorItem, opt: import("./src/searchbar").SelectorItemOption) => unknown;
    getLabel: (item: import("./src/searchbar").SelectorItem, opt: import("./src/searchbar").SelectorItemOption) => unknown;
    isDatePicker: (type: string) => boolean;
    changeValue: () => void;
    getDateTimeProps: (item: import("./src/searchbar").SelectorItem) => {
        label?: string;
        type: string;
        name: string;
        display?: () => string;
        prop?: {
            label: string;
            value: string;
        };
        options: import("./src/searchbar").SelectorItemOption[];
    };
    getInputProps: (item: import("./src/searchbar").SelectorItem) => {
        label?: string;
        type: string;
        name: string;
        display?: () => string;
        prop?: {
            label: string;
            value: string;
        };
        options: import("./src/searchbar").SelectorItemOption[];
    };
    getSelectProps: (item: import("./src/searchbar").SelectorItem) => {
        label?: string;
        span?: string;
        type: string;
        name: string;
        display?: () => string;
    };
    resetFields: (names?: string[]) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    fill: {
        type: BooleanConstructor;
        default: boolean;
    };
    searcher: {
        type: ObjectConstructor;
        default: () => {};
    };
    selector: {
        type: import("vue").PropType<import("./src/searchbar").SearchbarSelectors>;
        default: () => {
            items: any[];
        };
    };
    padding: {
        type: StringConstructor;
        default: string;
    };
    gap: {
        type: StringConstructor;
        default: string;
    };
}>> & {
    onChange?: (...args: any[]) => any;
}, {
    fill: boolean;
    gap: string;
    padding: string;
    searcher: Record<string, any>;
    selector: import("./src/searchbar").SearchbarSelectors;
}>> & Record<string, any>;
export default HbTableSearchbar;
export * from './src/searchbar';