import { AllowedIcons } from "../../../foundation/index.js";
import { ComponentPropsWithRef, MouseEventHandler } from "react";
interface TagChipProps extends ComponentPropsWithRef<"button"> {
    /** The label of the chip */
    label?: string;
    /** The function to run when the chip is clicked */
    onClick?: MouseEventHandler<HTMLButtonElement>;
    /** The icon to display in the chip */
    icon?: AllowedIcons;
    /** density of the chip */
    density?: "default" | "compact";
}
/**
 * Chips are compact elements that allow users to enter information, make selections, filter content, or trigger actions. While buttons are expected to appear consistently and with familiar calls to action, chips should appear dynamically as a group of multiple interactive elements. Chips are typically displayed horizontally and sequentially.
 *
 * Tag chips appear when selecting an option that triggers a tag and can be removed by clicking on the remove icon or unchecking the option. Tag chips appear within a multi select component or search field, presented as a horizontally scrollable list.
 **/
export declare const TagChip: import("react").ForwardRefExoticComponent<Omit<TagChipProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export {};
//# sourceMappingURL=TagChip.d.ts.map