import { IconFontColor, VisualSlotType } from '../../../../shared/types/types';
import { DropdownOption, DropdownTagsOverflow } from '../../../../shared/types/dropdown';
interface TagsMultipleProps {
    label: string;
    placeholder: string;
    selectedOptions: DropdownOption[];
    handleRemoveSelected: (option: string | number) => void;
    toggleDropdown: (e?: React.MouseEvent<HTMLDivElement>) => void;
    isOpen: boolean;
    isOpening: boolean;
    setIsOpening: (isOpening: boolean) => void;
    customInputRef: React.RefObject<HTMLDivElement>;
    disabled: boolean;
    error: string;
    helperText: string;
    rightSlot: VisualSlotType | null;
    valueName: string;
    idName: string;
    size: 'xs' | 'sm' | 'md' | 'lg';
    tagsOverflow?: DropdownTagsOverflow;
    tagsOverflowPopoverPlacement?: 'top' | 'bottom';
    overflowPopoverZIndex: number;
    tagsOverflowPopoverTitle?: string;
    /** X del campo: vacía toda la selección (mismas reglas que `Dropdown.showTriggerClearButton`). */
    showClearButton?: boolean;
    onClearAll?: (e: React.MouseEvent<HTMLButtonElement>) => void;
    /** Icono a la izquierda (mismo criterio que `Input` / rama no-tags del `Dropdown`). */
    leftSlot?: VisualSlotType | null;
    leftSlotClassName?: string;
    colorLeftIcon?: IconFontColor;
    /** Alineado con `popover.fullWidth`: ancho completo del contenedor vs. `ui-w-fit`. @default true */
    fullWidth?: boolean;
}
export declare const TagsMultiple: ({ label, placeholder, selectedOptions, handleRemoveSelected, toggleDropdown, isOpen, isOpening, setIsOpening, customInputRef, disabled, error, helperText, rightSlot, valueName, idName, size, tagsOverflow, tagsOverflowPopoverPlacement, overflowPopoverZIndex, tagsOverflowPopoverTitle, showClearButton, onClearAll, leftSlot, leftSlotClassName, colorLeftIcon, fullWidth, }: TagsMultipleProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=TagsMultiple.d.ts.map