/**
 * @file RadialChart.tsx
 * @output Root radial chart container — spider, pie, donut
 * @position Parent component; all radial marks read from its context
 *
 * Owns the radial coordinate space: center, radius, angle/radius scales.
 * Same Tier 1 guarantee as Chart — all children map through the same context.
 *
 * Accessibility: the svg is exposed as a named image (role="img" + aria-label,
 * overridable via `label`), and small datasets are mirrored in a visually
 * hidden data table (slices in pie mode, axis values in spider mode).
 */
import { type ReactNode } from 'react';
export interface RadialChartProps {
    /** The dataset */
    data: Record<string, unknown>[];
    /** Chart height in pixels. Width is responsive. */
    height?: number;
    /**
     * Spider mode: array of axis keys (each key is a dimension).
     * When provided, the chart operates in spider mode.
     */
    axes?: string[];
    /**
     * Pie/donut mode: data key containing the numeric value for each slice.
     * When provided (without axes), the chart operates in pie mode.
     */
    valueKey?: string;
    /**
     * Pie/donut mode: data key for the slice label.
     */
    labelKey?: string;
    /**
     * Inner radius as a fraction of outer radius (0-1).
     * 0 = full pie/spider, 0.6 = donut. Default: 0.
     */
    innerRadius?: number;
    /**
     * Padding between pie slices in radians. Default: 0.02.
     */
    padAngle?: number;
    /** Chart contents */
    /**
     * Enable touch interaction mode — blocks scroll on mobile.
     */
    interactive?: boolean;
    /**
     * Accessible name for the chart, announced by screen readers (the svg is
     * exposed as `role="img"`). Defaults to an English description derived from
     * the mode and keys (e.g. "Radar chart of speed, handling" or
     * "Pie chart of revenue") — pass a localized string to override.
     */
    label?: string;
    children: ReactNode;
}
/**
 * Root radial chart container. Computes angular/radial scales and provides
 * them to children via context.
 *
 * @example
 * ```
 * <RadialChart data={data} axes={['speed', 'handling', 'comfort']} height={400}>
 *   <RadialGrid rings={5} />
 *   <RadialArea dataKey="modelA" color={colors[0]} />
 *   <RadialAxis />
 * </RadialChart>
 * <RadialChart data={data} valueKey="revenue" labelKey="region" height={400}>
 *   <RadialSlice />
 * </RadialChart>
 * <RadialChart data={data} valueKey="revenue" labelKey="region" innerRadius={0.6} height={400}>
 *   <RadialSlice />
 * </RadialChart>
 * ```
 */
export declare function RadialChart({ data, height, axes, valueKey, labelKey, innerRadius: innerRadiusFraction, padAngle, label, children, }: RadialChartProps): import("react").JSX.Element;
//# sourceMappingURL=RadialChart.d.ts.map