import { InlineTooltipPosition } from '../../Tooltip';
/**
 * Colores semánticos disponibles
 */
export type ListWithDataInHoverColor = 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'yellow';
/**
 * Datos de un elemento de la lista
 */
export interface ListWithDataInHoverItem {
    /** Nombre del elemento */
    name: string;
    /** Porcentaje del elemento */
    percent: number;
}
/**
 * Props del componente ListWithDataInHover
 */
export interface ListWithDataInHoverProps {
    /** Array de datos para cada elemento */
    data: ListWithDataInHoverItem[];
    /** Array de colores semánticos para cada elemento */
    colors: ListWithDataInHoverColor[];
    /** Clase CSS adicional */
    className?: string;
    /** Si deshabilitar la lista */
    disabled?: boolean;
    /** Tamaño del indicador circular en píxeles (por defecto: 8px) */
    indicatorSize?: number;
    /** Gap entre elementos en píxeles (por defecto: 4px) */
    gap?: number;
    /** Si mostrar tooltips (por defecto: true) */
    showTooltips?: boolean;
    /** Si mostrar el porcentaje junto al nombre (por defecto: true) */
    showPercent?: boolean;
    /** Posición del tooltip (por defecto: 'over') */
    tooltipPosition?: InlineTooltipPosition;
    /** Callback cuando se hace hover sobre un elemento */
    onItemHover?: (item: ListWithDataInHoverItem, index: number) => void;
    /** Callback cuando se sale del hover de un elemento */
    onItemLeave?: (item: ListWithDataInHoverItem, index: number) => void;
}
//# sourceMappingURL=index.d.ts.map