import React from "react";
export interface ReactionBubble {
    id: string;
    emoji: string;
    userId: string;
    userName: string;
    userColor?: string;
    x: number;
    y: number;
    timestamp: number;
    size?: number;
    velocity?: {
        x: number;
        y: number;
    };
    life: number;
    maxLife: number;
}
export interface GlassReactionBubblesProps {
    width?: number;
    height?: number;
    reactions?: ReactionBubble[];
    availableEmojis?: string[];
    showControls?: boolean;
    showUserNames?: boolean;
    bubbleLifetime?: number;
    maxBubbles?: number;
    gravity?: number;
    windForce?: number;
    bounceEnabled?: boolean;
    fadeOut?: boolean;
    soundEnabled?: boolean;
    realTimeMode?: boolean;
    interactive?: boolean;
    /**
     * Starts the reaction field with a visible, package-owned demo state.
     * Use `"idle"` when an empty field is required.
     */
    demoState?: "active" | "idle";
    /** Alias for `demoState="active"` for docs/catalog previews. */
    autoplay?: boolean;
    compact?: boolean;
    contained?: boolean;
    maxHeight?: number | string;
    onReactionAdd?: (emoji: string, x?: number, y?: number) => void;
    onReactionClick?: (reaction: ReactionBubble) => void;
    className?: string;
}
export declare const GlassReactionBubbles: React.ForwardRefExoticComponent<GlassReactionBubblesProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassReactionBubbles.d.ts.map