import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';

interface AreaChartPoint {
    value: number;
    /** Tooltip title and screen-reader name for the point (e.g. a month). */
    label?: string;
}
interface AreaChartProps extends HTMLAttributes<HTMLDivElement> {
    /** Plain numbers (original API) or labeled points for interactive tooltips. */
    data: number[] | AreaChartPoint[];
    height?: number;
    /**
     * Hover/keyboard interactivity: crosshair, tooltip, arrow-key navigation,
     * and screen-reader announcements. Off by default — the static chart stays
     * a decorative `aria-hidden` graphic.
     */
    interactive?: boolean;
    /** Formats tooltip values and announcements. Defaults to en-US number formatting. */
    formatValue?: (value: number) => string;
    renderTooltip?: (point: AreaChartPoint, index: number, formattedValue: string) => ReactNode;
    /** Accessible name when `interactive` (default "Area chart"). */
    ariaLabel?: string;
    /** Visually-hidden data table for screen readers. Defaults to `interactive` (the SVG is `aria-hidden` when static). */
    srTable?: boolean;
}
declare const AreaChart: react.ForwardRefExoticComponent<AreaChartProps & react.RefAttributes<HTMLDivElement>>;

export { AreaChart, type AreaChartPoint, type AreaChartProps };