import { Interpolation, Theme } from '@emotion/react';
import { FC, HTMLAttributes } from 'react';
export declare enum SpeechBubbleDirection {
    TOP_LEFT = 0,
    TOP_RIGHT = 1,
    BOTTOM_LEFT = 2,
    BOTTOM_RIGHT = 3
}
export type SpeechBubbleProps = {
    /**
     * Where the bubble opens relatively to its anchor. Defaults to the direction that keeps the bubble
     * inside the screen, deduced from the anchor position in the viewport (see {@link getSpeechBubbleDirection}).
     */
    direction?: SpeechBubbleDirection;
    parent?: string;
    css?: Interpolation<Theme>;
} & HTMLAttributes<HTMLParagraphElement>;
export declare const SpeechBubble: FC<SpeechBubbleProps>;
/**
 * Direction a speech bubble should open to, so that it stays inside the screen, given the position of the
 * element it is anchored to.
 */
export declare const getSpeechBubbleDirection: (anchor: Element) => SpeechBubbleDirection;