import type { FC, PropsWithChildren, Ref } from 'react';
import type { BadgeProps, BadgeVariant } from '../Badge';
import type { Color, Size } from '../types';
export type HintRootProps = PropsWithChildren<{
    ref?: Ref<HTMLDivElement>;
    dataTestId?: string;
}>;
export type HintPlacement = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
export type HintVariant = BadgeVariant;
export type HintDotProps = {
    size?: Size;
    placement?: HintPlacement;
    color?: Color;
    ping?: boolean;
    ref?: Ref<HTMLDivElement>;
    dataTestId?: string;
};
export type HintBadgeProps = BadgeProps & {
    placement?: HintPlacement;
    dataTestId?: string;
};
export declare const Hint: FC<HintRootProps> & {
    Dot: FC<HintDotProps>;
    Badge: FC<HintBadgeProps>;
};