import React from 'react'; import type { HTMLAttributes } from 'react'; export interface Props extends HTMLAttributes { /** * 标签内容 */ label: string; /** * 是否支持点击 */ clickable?: boolean; /** * 指定组件的根元素 */ as?: React.ElementType; /** * 自定义样式类名称 */ className?: string; /** * 点击删除图标时的回调函数 */ onDelete?: (event: React.MouseEvent) => void; /** * 不可用状态 */ disabled?: boolean; /** * 展现形式 */ variant?: 'standard' | 'outlined'; /** * 密集模式 */ dense?: boolean; /** * 自定义背景色 */ color?: string; /** * 前缀图标 */ icon?: React.ReactNode; /** * 前缀头像 */ avatar?: React.ReactNode; /** * 选中状态,如果为`true`,则为选中 */ selected?: boolean; /** * */ ref?: React.Ref; } export interface ChipLayoutProps { $variant?: 'standard' | 'outlined'; disabled?: boolean; dense?: boolean; color?: string; selected?: boolean; clickable?: boolean; } declare const Chip: React.FC; export default Chip;