/** @jsxImportSource @opentui/react */
/**
 * Slash / @-mention completion list rendered ABOVE the composer (legacy parity).
 * Rows are mouse-hoverable and clickable (pickers parity).
 */
import type { ReactNode } from "react";
import type { Theme } from "../../../ui-core/rendering/theme.js";
import type { CompletionMenu } from "../../../ui-core/composer/completion.js";
export interface CompletionMenuViewProps {
    readonly menu: CompletionMenu;
    readonly selected: number;
    readonly theme: Theme;
    readonly width: number;
    readonly maxRows?: number | undefined;
    /** Highlight the row under the mouse (keyboard selection stays independent). */
    readonly onHoverIndex?: ((index: number) => void) | undefined;
    /**
     * Activate a row on click.
     * Slash / file → accept; directory → typically drill (caller decides).
     */
    readonly onActivateIndex?: ((index: number) => void) | undefined;
}
export declare function CompletionMenuView(props: CompletionMenuViewProps): ReactNode;