import { AllowedComponentProps, VNodeProps } from '../common'

declare interface BadgeProps {
  /** 徽标显示的值，可以是数字或字符串 */
  value?: string | number | boolean
  /** 最大值，超过会显示 {max}+，为0时不做限制 */
  max?: number
  /** 是否显示为小圆点 */
  dot?: boolean
  /** 是否隐藏徽标 */
  hidden?: boolean
  /** 徽标类型 */
  type?: 'primary' | 'success' | 'warning' | 'danger' | 'info'
  /** 自定义背景色 */
  bgColor?: string
  /** 自定义文字颜色 */
  textColor?: string
  /** 徽标尺寸 */
  size?: 'small' | 'medium' | 'large'
  /** 徽标形状 */
  shape?: 'circle' | 'square' | 'rounded'
  /** 是否绝对定位（需要子元素时生效） */
  absolute?: boolean
  /** 绝对定位的偏移量 [x, y] */
  offset?: [number, number]
  /** 当value为0时是否显示徽标 */
  showZero?: boolean
}

declare interface BadgeEmits {
  (e: 'click', event: PointerEvent): void
}

declare interface BadgeMethods {
  /** 获取当前值 */
  getValue: () => string | number
}

declare interface _Badge {
  new(): {
    $props: AllowedComponentProps & VNodeProps & BadgeProps
    $emit: BadgeEmits
  } & BadgeMethods
}

export declare const Badge: _Badge

export default Badge

export type {
  BadgeProps,
  BadgeEmits,
  BadgeMethods
}