import { Renderable, TNode, Value } from '@tempots/dom';
export interface CommandPaletteItem {
    id: string;
    label: string;
    description?: string;
    icon?: string;
    shortcut?: string[];
    section?: string;
    onSelect: () => void;
}
export interface CommandPaletteOptions {
    placeholder?: Value<string>;
    emptyMessage?: Value<string>;
    size?: Value<'sm' | 'md' | 'lg'>;
    container?: 'body' | 'element';
}
export declare function CommandPalette(options: CommandPaletteOptions, fn: (open: (items: CommandPaletteItem[]) => void, close: () => void) => TNode): Renderable;
