import { default as React } from 'react';
import { BaseComponentProps, ListItem, ListItemGroup } from '../types';
interface MobileSearchConfig {
    value: string;
    onChange: (value: string) => void;
    placeholder?: string;
}
interface PopoverProps extends BaseComponentProps {
    isOpen: boolean;
    onClose: (e?: MouseEvent) => void;
    triggerElement: HTMLElement | null;
    items: ListItem[];
    groups?: ListItemGroup[];
    onSelect: (item: ListItem, index: number) => void;
    selectedIndex?: number;
    renderItem?: (item: ListItem, index: number, isSelected: boolean, isHighlighted: boolean) => React.ReactNode;
    maxHeight?: string;
    width?: string;
    filter?: string;
    loading?: boolean;
    emptyMessage?: string;
    children?: any;
    mobileTitle?: string;
    mobileSearch?: MobileSearchConfig;
    hideChildrenOnMobile?: boolean;
    footer?: React.ReactNode;
    listboxId?: string;
    onHighlightChange?: (index: number, optionId: string | null) => void;
}
export declare const Popover: ({ isOpen, onClose, triggerElement, items, groups, onSelect, selectedIndex, renderItem, maxHeight, width, filter, loading, emptyMessage, children, mobileTitle, mobileSearch, hideChildrenOnMobile, footer, listboxId: listboxIdProp, onHighlightChange, ...baseProps }: PopoverProps) => React.ReactPortal | null;
export {};