import * as React from 'react';
import '@vtmn/css-chip/dist/index-with-vars.css';
import { VitamixId } from '@vtmn/icons/dist/vitamix/font/vitamix';
import { VtmnChipSize, VtmnChipVariant } from './types';
export interface VtmnChipProps extends React.ComponentPropsWithoutRef<'div'> {
    /**
     * Called when clicking the chip
     * @type {React.MouseEventHandler}
     * @defaultValue undefined
     */
    onClick?: React.MouseEventHandler;
    /**
     * Called when the cross is clicked when using input variant
     * @type {React.MouseEventHandler}
     * @defaultValue undefined
     */
    onCancel?: React.MouseEventHandler;
    /**
     * The variant of the chip.
     * @defaultValue 'single-choice'
     */
    variant?: VtmnChipVariant;
    /**
     * The size of the chip.
     * @defaultValue 'medium'
     */
    size?: VtmnChipSize;
    /**
     * Disabled state of the chip.
     * @type {boolean}
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * Selected state of the chip.
     * @type {boolean}
     * @defaultValue false
     */
    selected?: boolean;
    /**
     * Icon to display on the chip
     * @type {VitamixId}
     * @defaultValue undefined
     */
    icon?: VitamixId;
    /**
     * Number to display in chip's badge
     * @type number
     * @defaultValue 0
     */
    badgeValue?: number;
}
export declare const VtmnChip: ({ variant, size, disabled, selected, icon, badgeValue, onClick, onCancel, children, className, ...props }: VtmnChipProps) => JSX.Element;
declare const MemoVtmnChip: React.MemoExoticComponent<({ variant, size, disabled, selected, icon, badgeValue, onClick, onCancel, children, className, ...props }: VtmnChipProps) => JSX.Element>;
export default MemoVtmnChip;