import { Modifiers, Placement } from 'reablocks';
import { ReactNode } from 'react';
export interface ChatBubbleProps {
    /**
     * The main content to be rendered.
     */
    children: ReactNode;
    /**
     * The content to be rendered in the trigger bubble.
     */
    bubbleContent: ReactNode;
    /**
     * The position of the chat bubble on the screen.
     * @default 'right-end'
     */
    position?: Placement;
    /**
     * Custom position modifiers.
     * @default [offset({ mainAxis: 0, crossAxis: -40 })]
     */
    modifiers?: Modifiers;
    /**
     * Additional CSS classes to apply to the chat bubble.
     */
    className?: string;
}
export declare const ChatBubble: import('react').NamedExoticComponent<ChatBubbleProps>;