import { default as React } from 'react';
export interface AreaChartDataPoint {
    x: number;
    y: number;
}
export interface AreaChartSeries {
    name: string;
    data: AreaChartDataPoint[];
    color?: string;
}
export interface AreaChartProps {
    /** Chart series */
    series: AreaChartSeries[];
    /** Show legend */
    showLegend?: boolean;
    /** Show grid */
    showGrid?: boolean;
    /** Fill opacity */
    fillOpacity?: number;
    /** Chart height */
    height?: number;
    /** X-axis labels */
    xLabels?: string[];
    /** Additional className */
    className?: string;
}
/**
 * AreaChart Component
 *
 * Area chart with filled regions under lines.
 * Supports multiple series with layering.
 *
 * @example
 * ```tsx
 * <AreaChart
 *   series={[
 *     {
 *       name: 'Revenue',
 *       data: [{ x: 0, y: 100 }, { x: 1, y: 150 }, { x: 2, y: 120 }],
 *       color: '#3b82f6'
 *     },
 *     {
 *       name: 'Expenses',
 *       data: [{ x: 0, y: 50 }, { x: 1, y: 80 }, { x: 2, y: 60 }],
 *       color: '#ef4444'
 *     }
 *   ]}
 *   showLegend
 *   fillOpacity={0.3}
 * />
 * ```
 */
export declare const AreaChart: React.FC<AreaChartProps>;
//# sourceMappingURL=area-chart.d.ts.map