import { RedDot } from './RedDot';
import { FiltersActionsFiltersButtonProps } from './FiltersButton';
import { default as React } from 'react';
import { TextFieldProps } from '../../../components/TextField';
import { CompPopoverProps } from '../../../components/Popover';

export type FilterTargetRenderApi = {
    onClick: (event?: React.MouseEvent) => void;
    isOpen: boolean;
    isRedDotVisible: boolean;
    RedDot: typeof RedDot;
};
export type FiltersActionsFiltersButtonWithPopoverProps = {
    title: string;
    subtitle?: string;
    content?: React.ReactNode;
    state?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
    onClose?: () => void;
    footer?: React.ReactNode;
    redSquare?: boolean;
    searchable?: boolean;
    searchValue?: string;
    onSearchChange?: (value: string) => void;
    searchingProps?: Pick<TextFieldProps, 'placeholder' | 'onBlur' | 'onFocus' | 'contentLeft' | 'contentRight' | 'textBefore' | 'textAfter' | 'name' | 'type' | 'minLength' | 'maxLength'>;
    emptySearchContent?: React.ReactNode;
    popoverProps?: Omit<CompPopoverProps, 'opened' | 'target' | 'onToggle'>;
    buttonProps?: Partial<FiltersActionsFiltersButtonProps>;
    renderTarget?: (api: FilterTargetRenderApi) => React.ReactElement;
};
export declare const FiltersActionsFiltersButtonWithPopover: React.FC<FiltersActionsFiltersButtonWithPopoverProps>;