import { EChartsOption } from 'echarts';
import { BubbleChartOutputData } from './bubble-chart';
/**
 * Creates an ECharts option configuration for rendering a bubble chart.
 *
 * @param props - The input data for the bubble chart
 * @param props.data - The data object containing the following variables:
 *   - variableX: The X-axis variable containing name and values
 *   - variableY: The Y-axis variable containing name and values
 *   - variableSize: The variable controlling bubble sizes, containing name and values
 *   - variableColor: Optional variable controlling bubble colors, containing name and values
 *
 * @returns An ECharts option configuration object that defines:
 * - Scatter plot with variable-sized bubbles
 * - Customizable bubble colors
 * - Interactive tooltips showing data points' details
 * - Brush selection tools
 * - Responsive grid layout
 * - Optimized animation settings for performance
 *
 * @example
 * const data = {
 *   variableX: { name: 'GDP', values: [1000, 2000, 3000] },
 *   variableY: { name: 'Life Expectancy', values: [70, 75, 80] },
 *   variableSize: { name: 'Population', values: [1000000, 2000000, 3000000] },
 *   variableColor: { name: 'Region', values: ['A', 'B', 'C'] }
 * };
 * const option = createBubbleChartOption({ data });
 */
export declare function createBubbleChartOption(data: BubbleChartOutputData['data']): EChartsOption;
