import { FC, ReactNode, MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
import '../styles/components/chip.scss';
type ChipProps = {
    /**
     * What is displayed within the chip
     */
    children: string | ReactNode;
    /**
     * Call back which, if present, will display a remove icon and is fired when this is clicked
     */
    onRemove?: (event: ReactMouseEvent<SVGElement, MouseEvent>) => void;
    /**
     * If true will opacify the chip and prevent the remove from being clickable
     */
    disabled?: boolean;
    /**
     * Additional CSS classnames to apply (eg secondary, tertiary)
     */
    className?: string;
    /**
     * Compact styling for chip
     */
    compact?: boolean;
    /**
     * Title to display on mouse over
     */
    title?: string;
    /**
     * click event listener on the component (except on the close button if present)
     */
    onClick?: () => void;
    /**
     * key press event listener on the component
     */
    onKeyPress?: () => void;
};
export declare const Chip: FC<ChipProps & HTMLAttributes<HTMLButtonElement | HTMLSpanElement>>;
export default Chip;
