import React from "react";
import { type ElementAllowedColor } from "../../types/Colors";
import { type AvatarType } from "../Avatar";
import { type ElementContent, type VibeComponentProps } from "../../types";
import { type SubIcon } from "@vibe/icon";
export interface ChipsProps extends VibeComponentProps {
    /**
     * The text or content displayed inside the chip.
     */
    label?: ElementContent;
    /**
     * If true, the chip is disabled.
     */
    disabled?: boolean;
    /**
     * If true, the chip is read-only and cannot be deleted.
     */
    readOnly?: boolean;
    /**
     * A React element displayed on the right side.
     */
    rightRenderer?: ElementContent;
    /**
     * A React element displayed on the left side.
     */
    leftRenderer?: ElementContent;
    /**
     * Icon displayed on the right side.
     */
    rightIcon?: SubIcon;
    /**
     * Icon displayed on the left side.
     */
    leftIcon?: SubIcon;
    /**
     * Image URL or text for an avatar displayed on the right.
     */
    rightAvatar?: string;
    /**
     * The type of avatar displayed on the right.
     */
    rightAvatarType?: AvatarType;
    /**
     * Image URL or text for an avatar displayed on the left.
     */
    leftAvatar?: string;
    /**
     * The type of avatar displayed on the left.
     */
    leftAvatarType?: AvatarType;
    /**
     * Class name applied to left or right icons.
     */
    iconClassName?: string;
    /**
     * Class name applied to left or right avatars.
     */
    avatarClassName?: string;
    /**
     * The background color of the chip.
     */
    color?: Exclude<ElementAllowedColor, "dark_indigo" | "blackish">;
    /**
     * The size of the icons inside the chip.
     */
    iconSize?: number | string;
    /**
     * Callback fired when the chip is deleted.
     */
    onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;
    /**
     * If true, disables the chip's entry animation.
     */
    noAnimation?: boolean;
    /**
     * If true, allows the user to select text inside the chip.
     */
    allowTextSelection?: boolean;
    /**
     * Callback fired when the mouse button is pressed on the chip.
     */
    onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * Callback fired when the chip is clicked.
     */
    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * The label of the chip for accessibility.
     */
    "aria-label"?: string;
    /**
     * If true, indicates that the chip has a popup.
     */
    "aria-haspopup"?: boolean;
    /**
     * If true, displays a border around the chip.
     */
    showBorder?: boolean;
    /**
     * The label for the close button.
     */
    closeButtonAriaLabel?: string;
    /**
     * If true, removes the default margin from the chip.
     */
    noMargin?: boolean;
}
declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
export default Chips;