import React from 'react';
import type { ChartDataPoint } from '../../types';
import type { useChartTheme } from '../../theme/ChartThemeContext';
/**
 * Props for the AnimatedBubble component
 * Renders an animated bubble for bubble charts with appearance and selection animations
 */
export interface AnimatedBubbleProps {
    /** Data point with calculated chart positions and radius */
    bubble: ChartDataPoint & {
        /** X position on the chart */
        chartX: number;
        /** Y position on the chart */
        chartY: number;
        /** Radius of the bubble */
        radius: number;
        /** Value represented by the bubble */
        value: number;
    };
    /** Color of the bubble */
    color: string;
    /** Opacity of the bubble (0 to 1) */
    opacity: number;
    /** Stroke color of the bubble */
    strokeColor?: string;
    /** Stroke width of the bubble */
    strokeWidth?: number;
    /** Whether the bubble is selected (for scaling effect) */
    isSelected?: boolean;
    /** Index for staggered animation delay */
    index: number;
    /** Whether the bubble is disabled (skips animation) */
    disabled?: boolean;
    /** Chart theme for colors and styles */
    theme: ReturnType<typeof useChartTheme>;
}
export declare const AnimatedBubble: React.FC<AnimatedBubbleProps>;