import { type ReactNode } from 'react';
import type { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';
import type { Formatter } from '../../core/types/formatter.js';
import type { GaugeChartThresholdProps } from '../slots/Threshold.js';
/**
 * @public
 */
export interface GaugeChartSlotsConfig {
    thresholds: GaugeChartThresholdProps[];
    minLabel?: ReactNode;
    maxLabel?: ReactNode;
    label?: ReactNode;
    valueLabel?: ReactNode;
}
/**
 * @public
 */
export interface GaugeChartConsumerConfig {
    /**
     * Min value for the gauge chart scale.
     * @defaultValue 0
     */
    min?: number;
    /**
     * Max value for the gauge chart scale.
     * @defaultValue 100
     */
    max?: number;
    /**
     * Color of the gauge segment. If not provided, it will display a default color.
     * @defaultValue 'Colors.Charts.Categorical.Color11.Default'
     */
    color?: string;
    /**
     * Custom Formatter for the chart
     */
    formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;
    /**
     * Threshold config for the gauge chart scale.
     */
    thresholds?: GaugeChartThresholdProps[];
}