import "./info_popover.css";
import type * as React from "react";
import { Button as BaseButton } from "@base-ui/react/button";
import type { PopoverSide, PopoverAlign } from "./popover";
import { type StyleProps } from "./style_props";
export interface InfoPopoverProps extends StyleProps {
    /** Explanatory text shown when the popover opens. */
    text: string;
    /** Accessible name for the trigger button. Defaults to the locale's
     *  `infoPopover.more` ("More information" / "Thông tin thêm"). */
    accessibilityLabel?: string;
    /** Popover placement relative to the trigger. */
    side?: PopoverSide;
    /** Popover alignment along the trigger edge. */
    align?: PopoverAlign;
    testID?: string;
    /** The TRIGGER — the only one of the two boxes that is in the layout. */
    ref?: React.Ref<HTMLElement>;
    /** Substitutes the trigger's element, for the same reason `ref` names it. */
    render?: BaseButton.Props["render"];
}
/**
 * The ⓘ button that opens a popover explaining something — a metric, a
 * field, a setting. The middle ground between Tooltip (a short hover label)
 * and composing Popover directly (rich, interactive content): a labeled,
 * keyboard-accessible help affordance for a sentence or two of text.
 * Sized to sit inline next to sm/body text (a CardHeaderTitle, a form
 * label) without inflating the line.
 *
 * `className` / `style` / `ref` land on the TRIGGER, which is the box the
 * caller's layout contains; the panel is portalled out of it.
 */
export declare function InfoPopover(props: InfoPopoverProps): React.JSX.Element;