import type Tag from './tag.vue'

import type {ExtractPropTypes} from 'vue'
import {useSizeProp, useTypeProp} from "@moui/hooks";

export const tagProps = {
    closable: Boolean, // 是否可关闭
    type: useTypeProp, // 类型
    hit: Boolean, //是否有边框描边
    disableTransitions: Boolean, //是否禁用渐变动画
    color: {    //背景色
        type: String,
        default: '',
    },
    size: useSizeProp, // 尺寸
    effect: { //主题
        type: String,
        values: ['dark', 'light', 'plain'],
        default: 'light',
    },
    round: Boolean, //Tag 是否为圆形
} as const
// export type TagProps = ExtractPropTypes<typeof tagProps>

export const tagEmits = {
    close: (evt: MouseEvent) => evt instanceof MouseEvent,
    click: (evt: MouseEvent) => evt instanceof MouseEvent,
}
// export type TagEmits = typeof tagEmits

// export type TagInstance = InstanceType<typeof Tag>