import { AllowedIcons } from "../../../foundation/index.js";
import { ComponentPropsWithRef } from "react";
interface FilterChipProps extends ComponentPropsWithRef<"button"> {
    /** The label of the chip */
    label?: string;
    /** The function to run when the chip is clicked */
    onClick?: () => void;
    /** Whether the chip is selected or not */
    selected?: boolean;
    /** Loading state */
    loading?: {
        isLoading: boolean;
        loadingText: string;
    };
    /** The density of the chip */
    density?: "default" | "compact";
    /** The icon to display in the chip */
    icon?: AllowedIcons;
}
/**
 * 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.
 *
 * Filter chips use tags or descriptive words to filter content. They can be a good alternative to toggle buttons or checkboxes. Tapping on a filter chip activates it and appends a leading checkmark icon in front of the label. Multiple filter chips can be selected or unselected.
 **/
export declare const FilterChip: import("react").ForwardRefExoticComponent<Omit<FilterChipProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export {};
//# sourceMappingURL=FilterChip.d.ts.map