import { ButtonHTMLAttributes, VNode } from 'vue'
import { LoadingSize, LoadingType } from './loading'
import {
  BasicAttributes,
  Size as ButtonSize,
  Type as ButtonType,
  ListenerProp,
  SetPropsDefaults,
  VarComponent,
} from './varComponent'

export { ButtonType, ButtonSize }

export declare const buttonProps: Record<keyof ButtonProps, any>

export interface ButtonProps extends BasicAttributes {
  type?: ButtonType
  nativeType?: ButtonHTMLAttributes['type']
  size?: ButtonSize
  loading?: boolean
  round?: boolean
  block?: boolean
  text?: boolean
  outline?: boolean
  iconContainer?: boolean
  disabled?: boolean
  ripple?: boolean
  focusable?: boolean
  autoLoading?: boolean
  color?: string
  textColor?: string
  loadingRadius?: string | number
  loadingType?: LoadingType
  loadingSize?: LoadingSize
  loadingColor?: string
  elevation?: boolean | number | string
  onClick?: ListenerProp<(e: Event) => void>
  onTouchstart?: ListenerProp<(e: Event) => void>
}

export class Button extends VarComponent {
  static setPropsDefaults: SetPropsDefaults<ButtonProps>

  $props: ButtonProps

  $slots: {
    default(): VNode[]
  }
}

export class _ButtonComponent extends Button {}