/// <reference types="react" />
import type { IconName } from "../../../ui";
import type { QueryColumnInfoPopoverProps, TableColumnInfoPopoverProps } from "../ColumnInfoPopover";
import { HoverParent } from "../InfoIcon";
export { HoverParent };
type QueryColumnInfoIconProps = QueryColumnInfoPopoverProps & {
    size?: number;
    icon?: IconName;
    color?: string;
};
export declare function QueryColumnInfoIcon({ className, size, icon, color, ...props }: QueryColumnInfoIconProps): import("react/jsx-runtime").JSX.Element;
export declare namespace QueryColumnInfoIcon {
    var HoverParent: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
}
type TableColumnInfoIconProps = TableColumnInfoPopoverProps & {
    icon: IconName;
    size?: number;
    color?: string;
};
export declare function TableColumnInfoIcon({ className, field, icon, size, color, ...props }: TableColumnInfoIconProps): import("react/jsx-runtime").JSX.Element;
export declare namespace TableColumnInfoIcon {
    var HoverParent: import("@emotion/styled").StyledComponent<{
        theme?: import("@emotion/react").Theme | undefined;
        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
}
