quantumai-design-system
Version:
퀀텀에이아이의 디자인 시스템
19 lines (18 loc) • 653 B
TypeScript
/// <reference types="react" />
import { CHIP_PALETTE } from './options';
export type Purpose = 'chip' | 'tag';
export type Variant = keyof typeof CHIP_PALETTE;
export type Color = keyof (typeof CHIP_PALETTE)[Variant];
export interface BaseChipProps extends React.HTMLAttributes<HTMLDivElement> {
label: string | number;
variant?: Variant;
color?: Color;
}
export interface DefaultChipProps extends BaseChipProps {
purpose?: 'chip';
}
export interface TagChipProps extends BaseChipProps {
purpose: 'tag';
onClickRemove: (e: React.MouseEvent<HTMLButtonElement>) => void;
}
export type ChipProps = DefaultChipProps | TagChipProps;