import { default as React } from 'react';
import { InlineTooltipPosition } from '../../../Tooltip';
import { ListWithDataInHoverItem as ListItem, ListWithDataInHoverColor } from '../../types';
export interface ListWithDataInHoverItemProps {
    /** Datos del elemento */
    item: ListItem;
    /** Índice del elemento */
    index: number;
    /** Color semántico del indicador */
    color: ListWithDataInHoverColor;
    /** Tamaño del indicador */
    indicatorSize: number;
    /** Gap entre elementos */
    gap: number;
    /** Si mostrar tooltip */
    showTooltip: boolean;
    /** Si mostrar el porcentaje junto al nombre */
    showPercent: boolean;
    /** Posición del tooltip */
    tooltipPosition: InlineTooltipPosition;
    /** Callback cuando se hace hover */
    onHover?: (item: ListItem, index: number) => void;
    /** Callback cuando se sale del hover */
    onLeave?: (item: ListItem, index: number) => void;
}
/**
 * Elemento individual de la lista con datos en hover
 * Molécula que combina indicador de color, texto y tooltip
 */
export declare const ListWithDataInHoverItem: React.MemoExoticComponent<({ item, index, color, indicatorSize, gap, showTooltip, showPercent, tooltipPosition, onHover, onLeave, }: ListWithDataInHoverItemProps) => import("react/jsx-runtime").JSX.Element>;
//# sourceMappingURL=ListWithDataInHoverItem.d.ts.map