import { default as React } from 'react';
import { LinearGraphicData, LinearGraphicColor } from '../../types';
export interface LinearGraphicSegmentProps {
    /** Datos del segmento */
    data: LinearGraphicData;
    /** Índice del segmento */
    index: number;
    /** Ancho del segmento en porcentaje */
    width: number;
    /** Color semántico del segmento */
    color: LinearGraphicColor;
    /** Si es el primer segmento */
    isFirst: boolean;
    /** Si es el último segmento */
    isLast: boolean;
    /** Altura de la barra */
    height: number;
    /** Duración de la transición */
    transitionDuration: number;
    /** Si mostrar tooltip */
    showTooltip: boolean;
    /** Callback cuando se hace hover */
    onHover?: (data: LinearGraphicData, index: number) => void;
    /** Callback cuando se sale del hover */
    onLeave?: (data: LinearGraphicData, index: number) => void;
}
/**
 * Segmento individual de la gráfica lineal
 * Átomo que representa una porción de la barra de progreso
 * Usa un tooltip CSS puro para evitar interferencias con el flex layout
 */
export declare const LinearGraphicSegment: React.MemoExoticComponent<({ data, index, width, color, isFirst, isLast, height, transitionDuration, showTooltip, onHover, onLeave, }: LinearGraphicSegmentProps) => import("react/jsx-runtime").JSX.Element>;
//# sourceMappingURL=LinearGraphicSegment.d.ts.map