/**
 * @file CommandPaletteItem.tsx
 * @input Uses React, StyleX, CommandPaletteContext, DialogContext
 * @output Exports CommandPaletteItem component
 * @position Sub-component; individual selectable item
 *
 * SYNC: When modified, update:
 * - /packages/cli/assets/templates/blocks/components/CommandPalette/ (showcase blocks)
 */
import { type ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
export interface CommandPaletteItemProps extends Omit<BaseProps<HTMLDivElement>, 'onChange' | 'onSelect'> {
    /** Ref forwarded to the root element. */
    ref?: React.Ref<HTMLDivElement>;
    /** Unique value for identification and selection. */
    value: string;
    /** Called when this item is selected (via click or Enter). */
    onSelect?: (value: string) => void;
    /**
     * Whether this item is visually highlighted (keyboard focus).
     * When omitted inside CommandPalette, derived from context.
     * @default false
     */
    isHighlighted?: boolean;
    /**
     * Whether this item is currently selected (picker mode).
     * @default false
     */
    isSelected?: boolean;
    /**
     * Whether the item is disabled.
     * @default false
     */
    isDisabled?: boolean;
    /** Item content. Fully custom — render icons, descriptions, shortcuts, etc. */
    children: ReactNode;
}
/**
 * A selectable item in the command palette.
 * Accepts arbitrary children for full rendering control.
 *
 * When used inside CommandPalette, registers with context for
 * keyboard navigation and selection. Can also be used
 * standalone with explicit isHighlighted/isSelected props.
 *
 * @compositionHint Place inside CommandPaletteList or CommandPaletteGroup.
 *
 * @example
 * ```
 * <CommandPaletteItem value="settings" onSelect={() => navigate('/settings')}>
 *   Settings
 * </CommandPaletteItem>
 * ```
 */
export declare function CommandPaletteItem({ value, onSelect, isHighlighted: controlledHighlighted, isSelected: controlledSelected, isDisabled, children, ref, xstyle, className, style, onClick: onClickProp, onMouseEnter: onMouseEnterProp, ...props }: CommandPaletteItemProps): import("react").JSX.Element;
export declare namespace CommandPaletteItem {
    var displayName: string;
}
//# sourceMappingURL=CommandPaletteItem.d.ts.map