import type { ReactNode } from "react";
export declare function InlineHelp({ children, icon, action, className, }: {
    children: ReactNode;
    /** A leading info glyph. Use when the line stands alone under a section. */
    icon?: boolean | undefined;
    /** A trailing link, for example "Go to People". */
    action?: ReactNode | undefined;
    className?: string | undefined;
}): import("react").JSX.Element;
/** The one text link style for help lines and messages. */
export declare function HelpLink({ children, href, onClick, className, }: {
    children: ReactNode;
    href?: string | undefined;
    onClick?: (() => void) | undefined;
    className?: string | undefined;
}): import("react").JSX.Element;
/**
 * A 16px help glyph next to a label that opens an explanation on hover,
 * focus or tap. For facts people rarely need, like where a number comes from.
 */
export declare function HelpTip({ children, label, side, }: {
    /** The explanation. */
    children: ReactNode;
    /** Accessible name for the button. */
    label?: string | undefined;
    side?: "top" | "right" | "bottom" | "left" | undefined;
}): import("react").JSX.Element;