import { ElementType, ReactNode } from 'react';
import { CommandPaletteOptions } from '@42/core/command-palette';
export interface CommandPaletteProps extends Partial<CommandPaletteOptions> {
    /** Element/tag rendered as the controller root. Defaults to `"div"`. */
    as?: ElementType;
    className?: string;
    children?: ReactNode;
    /** Fired on `commandpalette:open` — detail: `(no detail)` */
    onOpen?: (detail: unknown, event: CustomEvent) => void;
    /** Fired on `commandpalette:close` — detail: `(no detail)` */
    onClose?: (detail: unknown, event: CustomEvent) => void;
    /** Fired on `commandpalette:select` — detail: `{ value, item }` */
    onSelect?: (detail: unknown, event: CustomEvent) => void;
    /** Fired on `commandpalette:filter` — detail: `{ query, count }` */
    onFilter?: (detail: unknown, event: CustomEvent) => void;
    /** Extra props are forwarded to the rendered `<div>` element. */
    [key: string]: unknown;
}
export declare function CommandPalette(props: CommandPaletteProps): import("react").JSX.Element;