/**
 * @file TypeaheadItem.tsx
 * @input Uses React, StyleX, SearchableItem
 * @output Exports TypeaheadItem component for rendering dropdown items
 * @position Presentational component; used as default renderItem in BaseTypeahead
 *
 * SYNC: When modified, update:
 * - /packages/core/src/Typeahead/index.ts
 * - /packages/cli/assets/templates/blocks/components/Typeahead/ (showcase blocks)
 */
import React, { type ReactNode } from 'react';
import type { SearchableItem } from './types';
import type { BaseProps } from '../BaseProps';
export interface TypeaheadItemProps<T extends SearchableItem = SearchableItem> extends BaseProps<HTMLDivElement> {
    ref?: React.Ref<HTMLDivElement>;
    /**
     * The search result item.
     */
    item: T;
    /**
     * Icon or avatar to display before the label.
     */
    icon?: ReactNode;
    /**
     * Description text displayed below the label.
     */
    description?: string;
    /**
     * Whether this item is disabled.
     * @default false
     */
    isDisabled?: boolean;
    /**
     * Group label for grouping items visually.
     */
    group?: string;
}
/**
 * Default item component for typeahead dropdown results.
 *
 * Renders a label with optional icon and description.
 * Exported for use in custom `renderItem` implementations.
 *
 * @example
 * ```
 * <Typeahead searchSource={source} value={v} onChange={setV} label="Search" />
 * <Typeahead
 *   searchSource={source}
 *   value={v}
 *   onChange={setV}
 *   label="Search"
 *   renderItem={(item) => (
 *     <TypeaheadItem
 *       item={item}
 *       icon={<Avatar src={item.auxiliaryData.avatar} size="sm" />}
 *       description={item.auxiliaryData.role}
 *     />
 *   )}
 * />
 * ```
 */
export declare function TypeaheadItem<T extends SearchableItem>({ ref, item, icon, description, isDisabled, xstyle, }: TypeaheadItemProps<T>): React.JSX.Element;
export declare namespace TypeaheadItem {
    var displayName: string;
}
//# sourceMappingURL=TypeaheadItem.d.ts.map