import { PopoverProps, TooltipProps } from 'antd';
import { CSSProperties, ReactElement, ReactNode } from 'react';

export type TipsWrapperProps = {
	gap?: number;
	className?: string;
	style?: CSSProperties;
	children?: ReactNode;
	icon?: ReactElement;
	/** Icon添加点击事件，设置hoverTips后失效 */
	onClick?: (event: any) => void;
	/**
	 * 提示效果类型
	 * ```
	 * 1. popover 气泡卡片，内容通过popoverProps设置
	 * 2. tooltip 文字提示，内容通过tooltipProps设置
	 * ```
	 */
	tipType?: "popover" | "tooltip";
	popoverProps?: PopoverProps;
	tooltipProps?: TooltipProps;
	trigger?: "icon" | "all";
};
/**
 * 为目标元素右侧添加Icon
 * ```
 * Icon有两种交互行为
 * 1. 鼠标悬浮显示提示效果;
 * 2. 为Icon添加点击事件
 *
 * 例如：
 * 1.
 * <TipsWrapper tipType="tooltip" tooltipProps={{ title:'说明文案' }}>ABC</TipsWrapper>
 * 2.
 * <TipsWrapper tipType="popover" popoverProps={{ title:'说明标题', content:'说明内容' }}>ABC</TipsWrapper>
 * 3.
 * <TipsWrapper onClick={noop}>ABC</TipsWrapper>
 * ```
 */
export declare const TipsWrapper: (props: TipsWrapperProps) => import("react").JSX.Element;

export {};