import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
import { type ChartSeries } from '@/components/molecules/charts/LineChart';
declare const radarChartVariants: (props?: ({
    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type RadarLegendPosition = 'none' | 'bottom' | 'right';
export interface RadarChartDataPoint {
    /** Unique identifier for this data point */
    id: string;
    /** Display label (axis name) */
    label: string;
    /** Values keyed by series id - e.g., { teamA: 80, teamB: 65 } */
    values: Record<string, number>;
}
export interface RadarChartProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof radarChartVariants> {
    /** Data points for each axis */
    data: RadarChartDataPoint[];
    /** Series configuration */
    series: ChartSeries[];
    /** Legend position */
    legendPosition?: RadarLegendPosition;
    /** Show tooltip on hover */
    showTooltip?: boolean;
    /** Show grid lines */
    showGrid?: boolean;
    /** Show axis labels */
    showAxisLabels?: boolean;
    /** Show value ticks on radius axis */
    showRadiusTicks?: boolean;
    /** Custom domain for values [min, max] */
    domain?: [number, number];
    /** Fill opacity for radar areas */
    fillOpacity?: number;
    /** Stroke width for radar lines */
    strokeWidth?: number;
    /** Accessible label for screen readers */
    'aria-label'?: string;
}
declare function RadarChart({ data, series, legendPosition, showTooltip, showGrid, showAxisLabels, showRadiusTicks, domain, fillOpacity, strokeWidth, size, className, 'aria-label': ariaLabel, ...props }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
declare namespace RadarChart {
    var displayName: string;
}
export { RadarChart, radarChartVariants };
