import * as React from 'react';
import type { MentionsContextValue, MentionsHandle, MentionsProps } from './types.cjs';
/** Default `getResultCountLabel`: `"1 result available"` / `"3 results available"`. */
export declare function defaultGetResultCountLabel(count: number): string;
export declare const MentionsProvider: React.FC<MentionsContextValue & {
    children: React.ReactNode;
}>, useMentionsContext: (consumerName: string) => MentionsContextValue;
type MentionsRootProps = Omit<MentionsProps, 'ref'> & {
    ref?: React.Ref<MentionsHandle> | undefined;
};
/**
 * A multi-line text field where a trigger character such as `@` opens a floating
 * listbox, and choosing an entry replaces only the typed token rather than the
 * whole value. Real DOM focus stays on the textarea throughout; the highlighted
 * entry is virtual focus, and the popup is anchored to the caret.
 *
 * The component's value is the free text the user wrote — the query is a
 * substring inside it, derived from the text and the caret together, which is
 * why there is no `query` prop and `onQueryChange` is the hook an async
 * collection is loaded from.
 *
 * @example
 * ```tsx
 * function Composer() {
 *   const [query, setQuery] = React.useState<string | null>(null);
 *   const people = PEOPLE.filter((p) => query === null || p.startsWith(query));
 *
 *   return (
 *     <Mentions onQueryChange={(token) => setQuery(token?.query ?? null)}>
 *       <MentionsInput aria-label="Message" placeholder="Write a message…" />
 *       <MentionsPortal>
 *         <MentionsContent aria-label="People">
 *           {people.map((person) => (
 *             <MentionsItem value={person} key={person}>{person}</MentionsItem>
 *           ))}
 *           <MentionsEmpty>No people</MentionsEmpty>
 *         </MentionsContent>
 *       </MentionsPortal>
 *     </Mentions>
 *   );
 * }
 * ```
 */
export declare const Mentions: {
    (props: MentionsRootProps): React.ReactNode;
    displayName: string;
};
export {};