/// <reference types="react" />
import type { PDSIconType, PDSTextType, PDSValueOption, UiColors } from '../../../common';
type DisplayType = 'category_choice' | 'filter_single' | 'filter_multi' | 'removable' | 'label' | 'time' | 'information' | 'information2' | 'information3';
export type ChipProps = {
    displayType?: DisplayType;
    text?: PDSTextType;
    filterIconMode?: 'none' | 'left';
    iconFillType?: 'line' | 'fill';
    iconName?: PDSIconType;
    overrideTextColorKey?: UiColors;
    overrideBackgroundColorKey?: UiColors;
    value?: PDSValueOption['value'];
    id?: PDSValueOption['value'];
    onClickChip?: (e: React.MouseEvent<HTMLDivElement>) => void;
    onClickXMarkIcon?: () => void;
    /** @deprecated value 필드를 대신 사용하세요. */
    activeChipId?: string | number;
    /** @deprecated id 필드를 대신 사용하세요. */
    chipId?: string | number;
};
export default function Chip({ displayType, text, filterIconMode, iconFillType, iconName, overrideTextColorKey, overrideBackgroundColorKey, value, id, activeChipId, chipId, onClickChip, onClickXMarkIcon }: ChipProps): JSX.Element;
export {};