import { ReactNode } from 'react';
export interface DynamicTooltipProps {
    /**The content that triggers the DynamicTooltip to open. Can be text, a button, icon, etc*/
    trigger: ReactNode;
    /**Defines how the DynamicTooltip opens: 'hover' (on mouse over) or 'click' (on click). Defaults to 'hover'.*/
    openOn?: 'hover' | 'click';
    /**Custom content displayed inside the DynamicTooltip. Can be any React node or a function that receives the open state.*/
    children: ReactNode | ((open: boolean) => ReactNode);
    /**Callback called whenever the open state changes. Receives true when opened and false when closed.*/
    onOpenChange?: (open: boolean) => void;
    /**Show or hide the close (X) button in the top right corner. Defaults to true.*/
    showCloseButton?: boolean;
    /**Size of the DynamicTooltip: 'small', 'medium', or 'large'. Defaults to 'medium'.*/
    size?: 'small' | 'medium' | 'large';
    /**Position of the DynamicTooltip relative to the trigger: 'top', 'bottom', 'left', or 'right'. Defaults to 'top'.*/
    position?: 'top' | 'bottom' | 'left' | 'right';
    /**Custom className for the DynamicTooltip for user styling*/
    className?: string;
    /**If true, the DynamicTooltip closes when scrolling. If false, only updates its position. Default: true*/
    closeOnScroll?: boolean;
    /** If true, hides the arrow of the DynamicTooltip. Default: false*/
    hideArrow?: boolean;
}
