export default EmojiSuggestions;
type EmojiSuggestions = {
    $on?(type: string, callback: (e: any) => void): () => void;
    $set?(props: Partial<Props>): void;
} & {
    isOpen: () => boolean;
    close: (dismissed?: boolean | undefined) => void;
    update: (newTrigger?: EmojiTrigger | undefined) => void;
    moveSelection: (delta: number) => void;
    selectHighlighted: () => void;
    handleKeyDown: (event: KeyboardEvent) => boolean;
};
/**
 * The dropdown shown while an emoji shortcode is being typed, along with the state behind it. This
 * knows nothing about where the text is being typed; a host component detects the shortcode, feeds
 * it in with {@link update} and applies the chosen emoji through the `onSelect` callback.
 *
 * The list is rendered in the top layer with the Popover API, so it’s never clipped by whatever
 * contains the field, and it never takes the focus, so the user can keep typing to narrow down the
 * suggestions.
 * @see https://developer.mozilla.org/en-US/docs/Web/API/Popover_API
 */
declare const EmojiSuggestions: import("svelte").Component<{
    /**
     * Get the
     * viewport-relative bounds of the shortcode being typed, which the dropdown is anchored to.
     */
    getAnchorRect: (trigger: EmojiTrigger) => EmojiAnchorRect | undefined;
    /**
     * Called with the emoji
     * the user picked and the shortcode it should replace.
     */
    onSelect: (entry: EmojiEntry, trigger: EmojiTrigger) => void;
    /**
     * The element holding the caret, which is labelled with the
     * highlighted suggestion because the focus never moves to the dropdown.
     */
    ariaOwner?: HTMLElement | undefined;
}, {
    isOpen: () => boolean;
    close: (dismissed?: boolean) => void;
    update: (newTrigger?: EmojiTrigger) => void;
    moveSelection: (delta: number) => void;
    selectHighlighted: () => void;
    handleKeyDown: (event: KeyboardEvent) => boolean;
}, "">;
type Props = {
    /**
     * Get the
     * viewport-relative bounds of the shortcode being typed, which the dropdown is anchored to.
     */
    getAnchorRect: (trigger: EmojiTrigger) => EmojiAnchorRect | undefined;
    /**
     * Called with the emoji
     * the user picked and the shortcode it should replace.
     */
    onSelect: (entry: EmojiEntry, trigger: EmojiTrigger) => void;
    /**
     * The element holding the caret, which is labelled with the
     * highlighted suggestion because the focus never moves to the dropdown.
     */
    ariaOwner?: HTMLElement | undefined;
};
import type { EmojiTrigger } from '../../typedefs';
import type { EmojiAnchorRect } from '../../typedefs';
import type { EmojiEntry } from '../../typedefs';