/**
 * @usevyre/react — AreaChart
 *
 * AI CONTEXT:
 * ┌──────────────────────────────────────────────────────────────────┐
 * │ Component:  AreaChart                                            │
 * │ Import:     import { AreaChart } from "@usevyre/react"            │
 * │                                                                   │
 * │ Multi-series area chart (line + filled area). Data + config       │
 * │ driven (NOT JSX children).                                        │
 * │   data        = ChartDatum[]  (required — array of row objects)   │
 * │   config      = ChartConfig   (required — { key: {label,color} }) │
 * │   xKey        = string        (required — the x-axis field name)  │
 * │   curve       = "linear"(default) | "smooth"                     │
 * │   gradient    = boolean (default true — fade-to-transparent fill) │
 * │   stacked     = boolean (default false — stack series on top)     │
 * │   width       = number (default 480)   height = number (240)      │
 * │   showGrid    = boolean (default true)                            │
 * │   showLegend  = boolean (default true — toggleable series)        │
 * │   showTooltip = boolean (default true — hover + arrow keys)       │
 * │                                                                   │
 * │ One area + line <path data-series> per series; colors come ONLY   │
 * │ from config.                                                      │
 * │                                                                   │
 * │ ANTI-PATTERNS:                                                    │
 * │   ❌ series={...}                 ✅ data + config                 │
 * │   ❌ color="blue"                 ✅ color token in config         │
 * │   ❌ <XAxis/> / <Tooltip/> kids   ✅ showGrid / showTooltip props  │
 * └──────────────────────────────────────────────────────────────────┘
 *
 * @example
 * <AreaChart
 *   data={[{ month: "Jan", revenue: 10 }, { month: "Feb", revenue: 20 }]}
 *   config={{ revenue: { label: "Revenue", color: "var(--vyre-color-semantic-accent)" } }}
 *   xKey="month"
 * />
 */
import React from "react";
import { type Curve } from "../../utils/chart-math";
import type { ChartConfig, ChartDatum } from "../Chart/chart-types";
export interface AreaChartProps {
    data: ChartDatum[];
    config: ChartConfig;
    xKey: string;
    curve?: Curve;
    gradient?: boolean;
    stacked?: boolean;
    width?: number;
    height?: number;
    showGrid?: boolean;
    showLegend?: boolean;
    showTooltip?: boolean;
    className?: string;
}
export declare const AreaChart: React.FC<AreaChartProps>;