import { AllowedComponentProps, VNodeProps } from 'vue'

type CellType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'
type CellSize = 'small' | 'medium' | 'large'
type TitleSize = 'small' | 'medium' | 'large'
type IconPosition = 'left' | 'right'

declare interface CellProps {
  // 基础属性
  type?: CellType
  size?: CellSize
  disabled?: boolean
  border?: boolean
  hover?: boolean
  clickable?: boolean

  // 左侧内容
  icon?: string
  iconPosition?: IconPosition
  avatar?: string
  showAvatarFallback?: boolean
  title?: string
  titleSize?: TitleSize
  description?: string
  descriptionSize?: TitleSize

  // 右侧内容
  value?: string
  label?: string
  badge?: number | string
  badgeDot?: boolean
  arrow?: boolean

  // 样式
  padding?: string
  margin?: string
  bgColor?: string
  textColor?: string
}

declare interface CellEmits {
  (e: 'click', event: PointerEvent): void
  (e: 'longpress', event: TouchEvent): void
}

declare interface _Cell {
  new(): {
    $props: AllowedComponentProps & VNodeProps & CellProps
    $emit: CellEmits
  }
}

export declare const Cell: _Cell

export default Cell

export type {
  CellType,
  CellSize,
  TitleSize,
  IconPosition,
  CellProps,
  CellEmits
}