import './QueryPills.css';
import React, { ReactNode } from 'react';
import { TruncateProps } from 'components/Truncate/Truncate';
interface MoreFilterActionItem {
    label: string | ReactNode;
    value: string;
    id: string;
    action: (e: React.MouseEvent<HTMLButtonElement>) => void;
}
interface MoreFilterAction {
    actionList: MoreFilterActionItem[];
    /**
     * Width of the pillsWrapper container to render(default is 0.5 for 50%)
     */
    pillsRenderContainerWidth?: number;
    viewAllFilterState?: {
        showViewAllFilterDropdown?: boolean;
        openOrCloseViewAllDropdown?: (show: boolean) => void;
        viewAllFilters: (close: () => void) => JSX.Element;
    };
    defaultSelected?: {
        id: string;
        label: string;
    };
}
export interface IQueryPillsComponentResponsiveness {
    isResponsive?: boolean;
    screen?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
    moreFilterAction?: MoreFilterAction;
}
export type QueryPillsProps = {
    testId?: String;
    onClearAllFilters?: Function;
    filterPillsArr?: any;
    onPillsCancelClick?: Function;
    onHideFilterClick?: Function;
    version?: 'v1' | 'v2';
    dropDownContent?: (closeDropdown: () => void) => ReactNode;
    hidePillsTrailingIcon?: boolean;
    leadingIcon?: string;
    onPillsClick?: Function;
    highlightText?: string;
    filterCount?: number;
    truncateOptions?: TruncateProps;
    componentResponsiveness?: IQueryPillsComponentResponsiveness;
    isDisabled?: boolean;
};
declare const QueryPills: (props: QueryPillsProps) => React.JSX.Element;
export default QueryPills;