import { default as React } from 'react';
export type InlineTooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'over';
export interface InlineTooltipProps {
    /** Contenido del tooltip */
    label: React.ReactNode;
    /** Si el tooltip está visible */
    isVisible: boolean;
    /** Posición del tooltip */
    position?: InlineTooltipPosition;
    /** Clase adicional para el tooltip */
    className?: string;
}
/**
 * InlineTooltip - Tooltip CSS puro para usar dentro de elementos flex
 *
 * Este componente es útil cuando el Tooltip normal interfiere con layouts flex.
 * Se posiciona absolutamente dentro del elemento padre que debe tener `position: relative`.
 *
 * @example
 * ```tsx
 * <div className="ui-relative" onMouseEnter={() => setHovered(true)} onMouseLeave={() => setHovered(false)}>
 *   Contenido
 *   <InlineTooltip label="Tooltip" isVisible={hovered} position="over" />
 * </div>
 * ```
 */
export declare const InlineTooltip: React.MemoExoticComponent<({ label, isVisible, position, className }: InlineTooltipProps) => import("react/jsx-runtime").JSX.Element>;
//# sourceMappingURL=InlineTooltip.d.ts.map