import { ReactNode } from 'react';
import { TSizeAll } from '../../types';

export type TChipColor = 'aero' | 'blue' | 'grey' | 'green' | 'navy' | 'purple' | 'slate' | 'yellow';
export interface IChipProps {
    /**
     * the content to render inside the chip
     */
    children: ReactNode | JSX.Element;
    /**
     * the content to render inside the chip
     * @default 'slate'
     */
    color?: TChipColor;
    /**
     * each chip needs a unique ID to return when clicked
     */
    id: string;
    /**
     * call back function, when close "X" button is clicked chip returns its ID.
     * if the function is not defined the chip has no  close "X" button
     */
    onClick?: (id: string) => void;
    /**
     * Increases spacing and padding of the chip
     * @default 'sm'
     */
    size?: TSizeAll;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
}
//# sourceMappingURL=types.d.ts.map