import React from "react";
import { tagElementColorsNames } from "../../utils/colors-vars-map";
import { TagsSize, TagSizes } from "./TagsConstants";
import { SubIcon, L3Component, L3ComponentProps } from "../../types";
interface TagsProps extends L3ComponentProps {
    label?: string;
    disabled?: boolean;
    readOnly?: boolean;
    dataTestId?: string;
    /** Icon to place on the right */
    rightIcon?: SubIcon;
    /** Icon to place on the left */
    leftIcon?: SubIcon;
    /** Img to place as avatar on the right */
    rightAvatar?: string;
    /** Img to place as avatar on the left */
    leftAvatar?: string;
    color?: keyof Record<string, string>;
    /** size for font icon */
    iconSize?: number | string;
    onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;
    /**
     * Disables the Tags's entry animation
     */
    noAnimation?: boolean;
    /**
     * Allow user to select text
     */
    allowTextSelection?: boolean;
    /**
     * Callback function to be called when the user clicks the component.
     */
    onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * Callback function to be called when the user clicks the component.
     */
    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * Applies when element has onClick or onMouseDown props
     */
    ariaLabel?: string;
    /**
     * Should element be focusable & clickable - for backward compatability
     */
    isClickable?: boolean;
    size?: TagSizes;
    outlined?: boolean;
}
declare const Tags: L3Component<TagsProps, HTMLElement> & {
    sizes?: typeof TagsSize;
    colors?: typeof tagElementColorsNames;
};
export default Tags;
