/**
 * CommandDropdown - Slash command autocomplete dropdown
 *
 * Shows available commands when user types "/" in the input.
 * Displays below the input with a box border, Claude Code style.
 * Supports arrow key navigation and Enter to select.
 */
import React from 'react';
/**
 * Command definition
 */
export interface Command {
    /** Command name (without /) */
    name: string;
    /** Description shown next to command */
    description: string;
}
/**
 * Props for the CommandDropdown component
 */
export interface CommandDropdownProps {
    /** Available commands */
    commands: Command[];
    /** Filter string (what user typed after /) */
    filter: string;
    /** Called when a command is selected */
    onSelect: (command: string) => void;
    /** Called when dropdown is dismissed (Escape) */
    onCancel: () => void;
    /** Prefix displayed before each item name (default: '/') */
    itemPrefix?: string;
}
/**
 * CommandDropdown component
 *
 * Displays a filtered list of available slash commands in a bordered box.
 * Appears below the input line, Claude Code style.
 *
 * @example
 * ```tsx
 * <CommandDropdown
 *   commands={[
 *     { name: 'init', description: 'Initialize a new CLAUDE.md file' },
 *     { name: 'new', description: 'Create a new feature spec' },
 *   ]}
 *   filter="in"
 *   onSelect={(cmd) => console.log('Selected:', cmd)}
 *   onCancel={() => setShowDropdown(false)}
 * />
 * ```
 */
export declare function CommandDropdown({ commands, filter, onSelect, onCancel, itemPrefix, }: CommandDropdownProps): React.ReactElement;
/**
 * Default commands available in wiggum
 */
export declare const DEFAULT_COMMANDS: Command[];