import { default as React } from 'react';
import { FieldStyleOverrides } from '../../Shell';
export interface SelectOption {
    value: string;
    _id?: string;
}
export interface MultiSelectChipProps {
    label?: React.ReactNode;
    options?: SelectOption[];
    /**
     * Controlled list of selected ids (or values when no `_id` is set).
     * Pair with `onChange` for fully-controlled mode.
     */
    value?: string[];
    /** Uncontrolled initial selection. Ignored when `value` is provided. */
    defaultSelected?: string[];
    onChange?: (values: string[]) => void;
    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
    helperText?: string;
    /** Error message rendered below the trigger; sets aria-invalid. */
    error?: string | boolean;
    /** Stable test selector — emitted as `data-field` on the wrapper. */
    dataField?: string;
    /** Stable test selector — emitted as `data-field-name` on the wrapper. */
    dataFieldName?: string;
    /**
     * Entity field key. Emitted as `data-field-name` (unless `dataFieldName`
     * is set explicitly) so a single `name="<entityFieldKey>"` gives the stable
     * test anchor the recommender targets via `[data-field-name="<key>"]`.
     */
    name?: string;
    styles?: FieldStyleOverrides & {
        arrowRight?: string;
        arrowTop?: string;
        arrowPadding?: string;
        arrowBottom?: string;
    };
}
declare const MultiSelectChip: React.FC<MultiSelectChipProps>;
export default MultiSelectChip;
//# sourceMappingURL=index.d.ts.map