import type * as React from 'react';
import type { MentionsContentProps } from './types.js';
/**
 * The floating listbox of mentionable entries, positioned below and
 * start-aligned. Its anchor is the caret rather than the field, so the popup
 * follows the mention through wrapped lines; one consequence for skins is that
 * `--skdx-mentions-trigger-width` measures that zero-width anchor and is always
 * `0`, so size this from `--skdx-mentions-available-width` instead.
 *
 * Escape closes and leaves the text and caret untouched; an outside pointer-down
 * or focus move closes too, each reported to its handler and, first, to
 * `onInteractOutside`. Any of them calling `event.preventDefault()` keeps it
 * open. The field counts as inside.
 *
 * @example
 * ```tsx
 * <MentionsContent aria-label="People">
 *   <MentionsItem value="alice">Alice</MentionsItem>
 * </MentionsContent>
 * ```
 */
export declare const MentionsContent: {
    ({ forceMount, side, align, sideOffset, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, ref: forwardedRef, ...props }: MentionsContentProps): React.ReactNode;
    displayName: string;
};