import { default as React } from 'react'; export interface PieChartProps extends Omit, "className"> { /** * Chart data. * * Example: * [ * { * "label":"React", * "value":40, * "color":"#2563eb" * } * ] * * @type|complex * @schema { * "type":"array", * "items":{ * "type":"object", * "properties":{ * "label":{"type":"string"}, * "value":{"type":"number"}, * "color":{"type":"string"}, * "data":{"type":"object"} * } * } * } */ data?: any[]; labelKey?: string; valueKey?: string; colorKey?: string; height?: number; /** * 0 = normal pie. * * Increase this value to * convert it into a donut. */ innerRadius?: number; outerRadius?: number; hoverOffset?: number; showLabels?: boolean; showPercentages?: boolean; showLegend?: boolean; showTooltip?: boolean; /** * Colors used when an item * does not provide its own color. * * @type|json */ colors?: string[]; /** * Center content shown for * donut charts. * * @nodeFunction */ children?: React.ReactNode | ((context: { total: number; activeItem: any | null; activeIndex: number | null; }) => React.ReactNode); /** * Root customization. * * @type|class */ className?: string; /** * SVG customization. * * @type|class */ chartClassName?: string; /** * Legend customization. * * @type|class */ legendClassName?: string; /** * Legend item customization. * * @type|class */ legendItemClassName?: string; /** @type|function */ onSliceClick?: (item: any, index: number) => void; /** @type|function */ onSliceHover?: (item: any, index: number) => void; /** @type|function */ onSliceHoverEnd?: (item: any, index: number) => void; } export default function PieChart({ data, labelKey, valueKey, colorKey, height, innerRadius, outerRadius, hoverOffset, showLabels, showPercentages, showLegend, showTooltip, colors, children, className, chartClassName, legendClassName, legendItemClassName, onSliceClick, onSliceHover, onSliceHoverEnd, style, ...props }: PieChartProps): import("react/jsx-runtime").JSX.Element;