import * as React from "react";
import type { MergeElementProps } from "../typings";
interface BaseProps {
    /**
     * Append to the classNames applied to the component so you can override or
     * extend the styles.
     */
    className?: string;
    /** The text of the chip. */
    label: string;
    /**
     * The leading icon element placed before the label.
     */
    leadingIcon?: React.ReactNode;
    /**
     * The size of the chip.
     * @default "medium"
     */
    size?: "large" | "medium" | "small";
    /**
     * The color of the chip.
     * @default "default"
     */
    color?: "default" | "primary" | "secondary";
    /**
     * The variant of the chip.
     * @default "filled"
     */
    variant?: "filled" | "outlined";
    /**
     * If `true`, the chip will be rounded.
     * @default false
     */
    rounded?: boolean;
    /**
     * If `true`, the chip will be disabled.
     * @default false
     */
    disabled?: boolean;
    /**
     * The Callback fires when the chip's remove button is clicked.
     */
    onRemove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
}
export declare type RemovableChipProps = MergeElementProps<"div", BaseProps>;
declare type Component = {
    (props: RemovableChipProps): React.ReactElement | null;
    propTypes?: React.WeakValidationMap<RemovableChipProps> | undefined;
    displayName?: string | undefined;
};
declare const RemovableChip: Component;
export default RemovableChip;