import { default as React } from 'react';
import { IconName } from '../types/Icon.types';
export declare const VALID_KINDS: readonly ["info", "success", "warn", "error", "primary", "secondary"];
export interface ChipProps {
    /** String to render within chip */
    label: string;
    /** Variant of Chip */
    kind?: (typeof VALID_KINDS)[number];
    /** When an `onDismiss` handler is passed, the Chip will render a close button */
    onDismiss?: (e: React.MouseEvent | React.KeyboardEvent) => void;
    /**
     * When an `onClick` handler is passed, renders the entire Chip as a button.
     * OVERRIDES `onDismiss` - only one click target per chip is allowed.
     */
    onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
    /** Icon by name, rendered at Chip start */
    startIcon?: IconName;
    /** Icon by name, rendered at Chip end */
    endIcon?: IconName;
    /** Displays a Count after the `label` */
    count?: string | number;
    /** Adds a border to the badge when `true` */
    hasBorder?: boolean;
    /** Defines if the label is visible */
    isLabelVisible?: boolean;
}
/**
 * Component for rendering status, filters, selection, and more.
 * A `Chip` may contain between 0 and 1 click targets - never more.
 *
 * Supersedes `Tag`.
 */
declare const Chip: ({ label, kind, count, onDismiss, onClick, startIcon, endIcon, hasBorder, isLabelVisible, }: ChipProps) => React.JSX.Element;
export default Chip;
//# sourceMappingURL=index.d.ts.map