import * as React from 'react';
export interface InfoHintProps {
    children: React.ReactNode;
    /** What this hint is ABOUT — 15 buttons all named "More information" name nothing. */
    label?: string;
    side?: 'top' | 'right' | 'bottom' | 'left';
    className?: string;
}
/**
 * The "what does this mean?" affordance — an ⓘ icon that reveals a definition
 * on hover.
 *
 * Config-heavy screens carry vocabulary that is obvious to whoever built the
 * feature and opaque to everyone else — `judged`, `deterministic`, `observe`,
 * `error`. A term nobody can define is a term nobody configures correctly, so
 * every one of them gets a hint rather than a wiki page somebody has to go find.
 *
 * This is a thin cap over `FloatingTooltip`, not a second tooltip: it fixes the
 * icon, the trigger element and the sizing so every hint looks and behaves the
 * same. All the hover/portal/placement behaviour is the shared component's.
 */
export declare function InfoHint({ children, label, side, className }: InfoHintProps): React.JSX.Element;
//# sourceMappingURL=info-hint.d.ts.map