import type { VisualizationOptions, VisualizationTheme } from '../../types';
/**
 * LiquidConfig defines the configuration for rendering the liquid chart.
 */
export interface LiquidConfig {
    type?: 'liquid';
    percent: number;
    shape?: 'rect' | 'circle' | 'pin' | 'triangle';
    theme?: VisualizationTheme;
    title?: string;
    style?: {
        backgroundColor?: string;
        palette?: string[];
    };
}
/**
 * LiquidInstance represents a liquid chart instance with render and destroy methods.
 */
export interface LiquidInstance {
    render: (config: LiquidConfig) => void;
    destroy: () => void;
}
/**
 * Liquid chart component using G2 5.0.
 *
 * @example
 * ```ts
 * const liquid = Liquid({
 *   container: '#container',
 *   width: 600,
 *   height: 400,
 * });
 *
 * liquid.render({
 *   type: 'liquid',
 *   percent: 0.75,
 *   shape: 'circle',
 *   theme: 'academy'
 * });
 *
 * liquid.destroy();
 * ```
 */
export declare const Liquid: (options: VisualizationOptions) => LiquidInstance;