import { FC } from 'react';
import { ChannelMember } from '../../types/wire';
interface MentionPickerProps {
    anchor: HTMLElement | null;
    query: string;
    members: ChannelMember[];
    onPick: (member: ChannelMember) => void;
    onClose: () => void;
}
/**
 * UI-10 — @ mention picker per Figma 683:670087. Shows above the
 * composer with a scrollable list of channel members. Each row =
 * 24px avatar + display name (Inter Medium 13/19 slate-body).
 * Filtered by the `query` substring after the `@` keystroke.
 *
 * Keyboard handling lives in the parent Composer (so the textarea
 * keeps focus while the popover navigates); this component only
 * renders the list + handles row clicks. ArrowUp/Down + Enter are
 * translated by the parent into onPick calls.
 */
export declare const MentionPicker: FC<MentionPickerProps>;
export {};
//# sourceMappingURL=MentionPicker.d.ts.map