import { default as React } from 'react';
import { BaseProps } from '../../types';

export type TagColor = 'gray' | 'white' | 'blue';
export interface TagProps extends BaseProps {
    /** 颜色变体（对应 Figma Color=Gray / White / Blue） */
    color?: TagColor;
    /** 是否选中（Gray/White 有效；Blue 始终视为选中蓝底） */
    selected?: boolean;
    /** 是否禁用 */
    disabled?: boolean;
    /** 前置图标（在 Body 内文本左侧） */
    icon?: React.ReactNode;
    /** 左侧按钮槽（对应 Figma Button Left，带右 Divider） */
    buttonLeft?: React.ReactNode;
    /** 左侧按钮点击回调 */
    onButtonLeftClick?: React.MouseEventHandler<HTMLButtonElement>;
    /** 右侧按钮槽自定义内容（对应 Figma Button Right，带左 Divider）。优先级高于 closable。 */
    buttonRight?: React.ReactNode;
    /** 右侧按钮点击回调（当使用自定义 buttonRight 或 closable 时） */
    onButtonRightClick?: React.MouseEventHandler<HTMLButtonElement>;
    /** 是否显示默认右侧关闭 × 按钮（当 buttonRight 未提供时生效） */
    closable?: boolean;
    /** 关闭按钮点击（等同 onButtonRightClick） */
    onClose?: React.MouseEventHandler<HTMLButtonElement>;
    /** 点击 Body（文字区）回调 */
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    children?: React.ReactNode;
}
export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Tag.d.ts.map