import React, { type MouseEventHandler } from 'react';
import type { Size } from '../../util/variant-types';
import { type IconName } from '../Icon';
export type InputChipProps = {
    /**
     * CSS class names that can be appended to the component.
     */
    className?: string;
    /**
     * Whether the chip is in a non-interactive, disabled state
     */
    isDisabled?: boolean;
    /**
     * Text used in the chip to give it a description
     */
    label: string;
    /**
     * Leading glyph (icon) for the chip
     */
    leadingComponent: IconName | React.ReactNode;
    /**
     * click handler for the action button on the chip (ex: to dismiss or remove the chip from the screen)
     */
    onClick?: MouseEventHandler;
    /**
     * The display size of the chip
     */
    size?: Extract<Size, 'sm' | 'md'>;
};
/**
 * `import {InputChip} from "@chanzuckerberg/eds";`
 *
 * Compact, interactive elements used to display user-generated information.
 */
export declare const InputChip: ({ className, isDisabled, label, leadingComponent, onClick, size, ...other }: InputChipProps) => React.JSX.Element;