/// <reference types="react" />
import { BubbleChartOutputData } from './bubble-chart';
/**
 * A React component that renders an interactive bubble chart visualization.
 *
 * @param props BubbleChartOutputData - The configuration and data for the bubble chart:
 *   - datasetName: string - The name of the dataset being visualized
 *   - data: object - The chart data containing:
 *     - variableX: number[] - X-axis values for each bubble
 *     - variableY: number[] - Y-axis values for each bubble
 *     - variableSize: number[] - Size values for each bubble
 *     - variableColor?: (number | string)[] - Optional color values for each bubble
 *   - theme?: string - Optional theme setting for the chart
 *   - isExpanded?: boolean - Optional flag to control chart expansion state
 *   - isDraggable?: boolean - Optional flag to enable/disable drag functionality
 *
 * @returns A responsive bubble chart wrapped in an auto-sizing container
 *
 * @example
 * <BubbleChartComponent
 *   datasetName="Sample Dataset"
 *   data={{
 *     variableX: [1, 2, 3],
 *     variableY: [4, 5, 6],
 *     variableSize: [10, 20, 30],
 *     variableColor: ['#ff0000', '#00ff00', '#0000ff']
 *   }}
 * />
 */
export declare function BubbleChartComponent(props: BubbleChartOutputData): JSX.Element | null;
