/**
 * @file index.tsx
 *
 * @fileoverview Chip component. Renders a chip component.
 */
import * as React from 'react';
export interface ChipProps {
    /**
     * The chipId is an id passed to the chip so it can be returned properly to the parent when removed.
     */
    chipId: string;
    /**
     * The content to be displayed inside the chip element.
     *
     * @default "null"
     */
    children: React.ReactNode | string;
    /**
     * The theme props is passed automatically to the component via styled components.
     *
     * @default null
     */
    theme?: any;
    /**
     * The style for the chip. The color of the chip element will be changed accordingly.
     *
     * @default "default"
     */
    chipStyle?: 'primary' | 'secondary' | 'default';
    /**
     * If the chip should have a "remove" button displayed.
     *
     * @default "null"
     */
    removable?: boolean;
    /**
     * The event that gets fired when a chip is removed.
     * Will pass the chipId back to the parent so it knows whats being removed.
     *
     * @default "null"
     */
    onRemove?(chipId: string): void;
}
/**
 * The chip is a label style element that can be used to show information in a supporting manner. It has the option to be toggled off in case
 * its information one wants to be available to remove. It can be used to show facets that are selected or other information
 * that supports some sort of "state" for the UI.
 */
export declare const Chip: {
    ({ chipStyle, chipId, children, removable, onRemove }: ChipProps): JSX.Element;
    defaultProps: {
        chipStyle: string;
        theme: any;
        removable: boolean;
    };
};
export default Chip;