import { default as React } from 'react';
import { LinearGraphicProps } from '../../types';
/**
 * LinearGraphic - Gráfica lineal de barras de progreso múltiples
 *
 * Muestra una barra de progreso con múltiples segmentos, cada uno con su propio
 * color y porcentaje. Soporta tooltips en hover para mostrar información detallada.
 *
 * @example
 * ```tsx
 * <LinearGraphic
 *   data={[
 *     { name: 'Completado', percent: 60 },
 *     { name: 'En progreso', percent: 30 },
 *     { name: 'Pendiente', percent: 10 }
 *   ]}
 *   colors={['success', 'warning', 'neutral']}
 * />
 * ```
 *
 * @example
 * ```tsx
 * // Con colores semánticos del sistema
 * <LinearGraphic
 *   data={[
 *     { name: 'Éxito', percent: 70 },
 *     { name: 'Advertencia', percent: 20 },
 *     { name: 'Error', percent: 10 }
 *   ]}
 *   colors={['success', 'warning', 'danger']}
 *   height={12}
 *   showTooltips={true}
 * />
 * ```
 */
export declare const LinearGraphic: React.MemoExoticComponent<({ data, colors, className, height, showTooltips, showLegend, showLegendPercent, legendGap, transitionDuration, disabled, onSegmentHover, onSegmentLeave, }: LinearGraphicProps) => import("react/jsx-runtime").JSX.Element>;
//# sourceMappingURL=LinearGraphic.d.ts.map