import type { VisualizationOptions, VisualizationTheme } from '../../types';
/**
 * AreaDataItem is the type for each data item in the area chart.
 */
export type AreaDataItem = {
    time: string | number;
    value: number;
    group?: string;
};
/**
 * AreaConfig defines the configuration for rendering the area chart.
 */
export interface AreaConfig {
    type?: 'area';
    data: AreaDataItem[];
    stack?: boolean;
    title?: string;
    axisXTitle?: string;
    axisYTitle?: string;
    theme?: VisualizationTheme;
    style?: {
        backgroundColor?: string;
        palette?: string[];
        lineWidth?: number;
    };
}
/**
 * AreaInstance represents an area chart instance with render and destroy methods.
 */
export interface AreaInstance {
    render: (config: AreaConfig) => void;
    destroy: () => void;
}
/**
 * Area chart component using G2 5.0.
 *
 * @example
 * ```ts
 * const area = Area({
 *   container: '#container',
 *   width: 600,
 *   height: 400,
 * });
 *
 * area.render({
 *   type: 'area',
 *   data: [
 *     { time: '1 月', value: 23.895 },
 *     { time: '2 月', value: 23.695 },
 *     { time: '3 月', value: 23.655 },
 *   ],
 *   title: '1月到3月股票价格的变化',
 *   axisXTitle: '月份',
 *   axisYTitle: '价格',
 * });
 *
 * area.destroy();
 * ```
 */
export declare const Area: (options: VisualizationOptions) => AreaInstance;