import { default as React } from 'react';
/**
 * "Selected" transfer-box area (穿梭框式已选区): live echo of the current
 * multi-selection as removable avatar chips. Reusable kernel — the future
 * org-tree tier composes the same tray beside its right-hand list. Purely
 * presentational: it takes the resolved records + an onRemove callback, and
 * accepts already-translated `label`/`emptyText` so it stays i18n-agnostic.
 */
export interface SelectionTrayProps {
    /** Full record objects for the current selection. */
    records: any[];
    /** Remove a selected record by its id. */
    onRemove: (id: any) => void;
    displayField?: string;
    avatarField?: string;
    idField?: string;
    /** Header label, e.g. "Selected (3)" — omit to hide the header. */
    label?: string;
    /** When provided, a "Clear all" action shows in the header while non-empty. */
    onClear?: () => void;
    /** Localized "Clear all" text (i18n-agnostic — caller passes it). */
    clearLabel?: string;
    /** Shown when the selection is empty. */
    emptyText?: string;
    className?: string;
}
export declare function SelectionTray({ records, onRemove, displayField, avatarField, idField, label, onClear, clearLabel, emptyText, className, }: SelectionTrayProps): React.JSX.Element;