import type { ControlSize } from "@charcuterie/tokens";
import type { ReactNode, RefObject } from "react";
import { type CommandPaletteGroup, type CommandPaletteItem, type CommandPalettePrefix } from "./commandPaletteSections.ts";
export type CommandPalettePanelProps = {
    /** The glyph inside the clear button. Without one, there is no clear button — Escape closes. */
    clearIcon?: ReactNode;
    /** The query the palette opens with, when the caller does not own `query`. Read once per open. */
    defaultQuery?: string;
    /** Shown when a query matches nothing and there is no fallback row. Default "No matches". */
    emptyLabel?: string;
    /**
     * The strip under the list. Default: the keys, and each prefix
     * with its target. `null` draws none.
     */
    footer?: ReactNode;
    /** The title of a prefix command's row. Default `Search <label> for "<query>"`. */
    formatPrefixTitle?: (label: string, query: string) => string;
    /** The last row for any query that is not a prefix command — the "search the web" row. */
    getFallbackItem?: (query: string) => CommandPaletteItem | null | undefined;
    /** Ref to the search field, for the dialog's initial focus. */
    inputRef?: RefObject<HTMLInputElement | null>;
    /** How tall each row is — and the search field. Default `lg`, stepped down on a short window. */
    itemSize?: ControlSize;
    /** Everything a query can match. Folder members included, flattened. */
    items: readonly CommandPaletteItem[];
    /** The accessible name of the search field and the list. Default "Search". */
    label?: string;
    /** At most this many matches under one heading. Default: no cap. */
    maxResultsPerGroup?: number;
    /** After a row is chosen. `CommandPalette` closes here. */
    onChoose?: () => void;
    /** Every change to the query. With `query`, the caller owns it. */
    onQueryChange?: (query: string) => void;
    placeholder?: string;
    /** The heading over a prefix command's row. Default "Search a site". */
    prefixGroupLabel?: string;
    prefixes?: readonly CommandPalettePrefix[];
    /** Controlled query. Uncontrolled (from `defaultQuery`) when absent. */
    query?: string;
    /** What the palette lists before anything is typed — "Pinned", "Recently opened". */
    suggestions?: readonly CommandPaletteGroup[];
    /** The heading over matches whose item has no `group`. Default "Results". */
    ungroupedLabel?: string;
};
/**
 * The palette's contents — the search field, the grouped listbox and
 * the footer — without the dialog around them. `CommandPalette` is
 * this inside a `Modal`; the stories also lay it out inline, so every
 * state can sit on one board.
 */
export declare const CommandPalettePanel: ({ clearIcon, defaultQuery, emptyLabel, footer, formatPrefixTitle, getFallbackItem, inputRef: externalInputRef, itemSize: requestedItemSize, items, label, maxResultsPerGroup, onChoose, onQueryChange, placeholder, prefixGroupLabel, prefixes, query, suggestions, ungroupedLabel, }: CommandPalettePanelProps) => ReactNode;
//# sourceMappingURL=CommandPalettePanel.d.ts.map