import * as React from 'react';
export interface ChartsRendererProps {
  dimensions: {
    id: string;
    label: string;
    data: (string | number | Date | null)[];
  }[];
  values: {
    id: string;
    label: string;
    data: (number | null)[];
  }[];
  chartType: string;
  configuration: Record<string, any>;
  onRender?: (type: string, props: Record<string, any>, Component: React.ComponentType<any>) => React.ReactNode;
}
/**
 * A component that renders different types of charts based on the provided data and configuration.
 * It supports column, bar, line, area and pie charts with customizable styling and formatting options.
 * The component handles both single and multiple dimension datasets, with special data processing for each case.
 * For multiple dimension datasets, it creates grouped axes.
 *
 * @link https://www.mui.com/x/react-charts/data-grid-integration/
 * @param {Array<{id: string, label: string, data: Array<string|number|Date|null>}>} props.dimensions - Array of dimension objects containing data for chart axes
 * @param {Array<{id: string, label: string, data: Array<number|null>}>} props.values - Array of value objects containing the numerical data to plot
 * @param {string} props.chartType - Type of chart to render (e.g. 'bar', 'line', 'pie')
 * @param {Object} props.configuration - Configuration object containing chart-specific options. These options are merged with default configurations defined for each chart type
 * @param {Function} [props.onRender] - Optional callback function called before rendering to modify chart props. Receives chart type, props and component as arguments and should return a React node
 * @returns {React.ReactNode} The rendered chart component
 */
declare function ChartsRenderer({
  dimensions,
  values,
  chartType,
  configuration,
  onRender
}: ChartsRendererProps): React.ReactNode;
declare namespace ChartsRenderer {
  var propTypes: any;
}
export { ChartsRenderer };