import { default as React } from 'react';
import { MantineColor, MantineSize } from '@mantine/core';
export interface ArchbaseLinearGaugeZone {
    /** Valor inicial da zona */
    from: number;
    /** Valor final da zona */
    to: number;
    /** Cor da zona */
    color: MantineColor;
    /** Label opcional */
    label?: string;
}
export interface ArchbaseLinearGaugeProps {
    /** Valor atual */
    value: number;
    /** Valor mínimo */
    min?: number;
    /** Valor máximo */
    max?: number;
    /** Orientação */
    orientation?: 'horizontal' | 'vertical';
    /** Zonas coloridas */
    zones?: ArchbaseLinearGaugeZone[];
    /** Cor padrão da barra */
    color?: MantineColor;
    /** Cor do fundo */
    backgroundColor?: MantineColor;
    /** Cor do indicador */
    indicatorColor?: MantineColor;
    /** Largura (horizontal) ou altura (vertical) */
    size?: number;
    /** Espessura da barra */
    thickness?: number;
    /** Se deve mostrar o valor */
    showValue?: boolean;
    /** Formato do valor */
    valueFormat?: (value: number) => string;
    /** Sufixo do valor */
    valueSuffix?: string;
    /** Label */
    label?: string;
    /** Tamanho do label */
    labelSize?: MantineSize;
    /** Se deve mostrar ticks */
    showTicks?: boolean;
    /** Número de ticks */
    tickCount?: number;
    /** Se deve mostrar labels nos ticks */
    showTickLabels?: boolean;
    /** Classe CSS */
    className?: string;
    /** Estilo */
    style?: React.CSSProperties;
}
export declare const ArchbaseLinearGauge: React.ForwardRefExoticComponent<ArchbaseLinearGaugeProps & React.RefAttributes<HTMLDivElement>>;
