/// <reference types="react" />
import { IconDefinition } from '../../atoms/Icon';
declare type Props = {
    /**
     * The label content.
     */
    label: string;
    icon?: IconDefinition;
    /**
     * Whether the chip is currently active/selected. Input chip will always be active
     */
    active?: boolean;
    disabled?: boolean;
    /**
     * To use Chip in `choice` or `input` mode.
     * In `input` mode, the chip will show an inline `remove` icon button when it is a active.
     * In `choice` mode, each chip functions as a toggle button.
     */
    mode?: 'choice' | 'input';
    /**
     * Color of chip. Default is white.
     */
    color?: 'white' | 'grey';
    /**
     * Styling of chip. Default is rounded.
     */
    kind?: 'rounded' | 'square';
    /**
     * The click event for the whole chip (in filter mode) or for the remove button (in select mode).
     */
    onClick?: () => void;
    className?: string;
};
export declare const Chip: ({ label, icon, active, disabled, color, kind, mode, onClick, className }: Props) => JSX.Element;
export default Chip;