import { default as React } from 'react';
import { MantineColor, MantineSize } from '@mantine/core';
export interface ArchbaseArcGaugeSegment {
    /** Valor final do segmento (percentual 0-100) */
    value: number;
    /** Cor do segmento */
    color: MantineColor;
    /** Label opcional */
    label?: string;
}
export interface ArchbaseArcGaugeProps {
    /** Valor atual (0-100 ou dentro de min-max) */
    value: number;
    /** Valor mínimo */
    min?: number;
    /** Valor máximo */
    max?: number;
    /** Segmentos coloridos do gauge */
    segments?: ArchbaseArcGaugeSegment[];
    /** Cor padrão do arco */
    color?: MantineColor;
    /** Cor do fundo do arco */
    backgroundColor?: MantineColor;
    /** Cor do ponteiro */
    needleColor?: MantineColor;
    /** Ângulo de início (graus, 0 = direita) */
    startAngle?: number;
    /** Ângulo de fim (graus) */
    endAngle?: number;
    /** Tamanho do componente */
    size?: number;
    /** Espessura do arco */
    thickness?: number;
    /** Se deve mostrar o valor */
    showValue?: boolean;
    /** Formato do valor */
    valueFormat?: (value: number) => string;
    /** Sufixo do valor */
    valueSuffix?: string;
    /** Label inferior */
    label?: string;
    /** Tamanho do label */
    labelSize?: MantineSize;
    /** Se deve mostrar marcadores */
    showTicks?: boolean;
    /** Número de marcadores */
    tickCount?: number;
    /** Se deve mostrar labels nos marcadores */
    showTickLabels?: boolean;
    /** Classe CSS */
    className?: string;
    /** Estilo */
    style?: React.CSSProperties;
}
export declare const ArchbaseArcGauge: React.ForwardRefExoticComponent<ArchbaseArcGaugeProps & React.RefAttributes<HTMLDivElement>>;
