import { default as React } from 'react';
export interface MultiSelectOption {
    /** Option value */
    value: string;
    /** Option label */
    label: string;
    /** Disabled state */
    disabled?: boolean;
}
export interface MultiSelectProps {
    /** Available options */
    options: MultiSelectOption[];
    /** Selected values */
    value: string[];
    /** Change handler */
    onChange: (values: string[]) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Search placeholder */
    searchPlaceholder?: string;
    /** Enable search */
    searchable?: boolean;
    /** Max selected items to show */
    maxDisplay?: number;
    /** Disabled state */
    disabled?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * MultiSelect Component
 *
 * Multi-select dropdown with search and tags.
 * Shows selected items as removable tags.
 *
 * @example
 * ```tsx
 * <MultiSelect
 *   options={categories}
 *   value={selectedCategories}
 *   onChange={setSelectedCategories}
 *   placeholder="Select categories"
 *   searchable
 * />
 * ```
 *
 * @example
 * ```tsx
 * <MultiSelect
 *   options={tags}
 *   value={selected}
 *   onChange={handleChange}
 *   maxDisplay={3}
 * />
 * ```
 */
export declare const MultiSelect: React.FC<MultiSelectProps>;
//# sourceMappingURL=multi-select.d.ts.map