import { MouseEvent, ComponentClass } from 'react'
import { CommonEventFunction } from '@tarojs/components/types/common'
import { ButtonProps } from '@tarojs/components/types/Button'

import AtComponent from './base'

type TaroButtonProps = Pick<ButtonProps, 'formType' |'表单类型' | 'openType' | '开放类型' |
  'lang'| '语言' | 'sessionFrom'| '会话来源' | 'sendMessageTitle' | '发送消息标题' | 'sendMessagePath'| '发送消息路径' |
  'sendMessageImg'| '发送消息图片' | 'showMessageCard' |'显示信息卡' | 'appParameter'| '应用参数' | 'onContact'| '当客服' |
  'onGetUserInfo' | '当获取用户信息' | 'onGetPhoneNumber'| '当获取手机号' | 'onOpenSetting' | '当打开设置' | 'onError' | '当错误'>

export interface AtButtonProps extends AtComponent, TaroButtonProps {
  /**
   * 按钮的大小
   * @default 'normal'
   */
  size/*;尺寸*/?: 'normal'/*;普通*/ | 'small'/*;小*/
  /**
   * 按钮的类型
   */
  type/*;类型*/?: 'primary'/*;首要*/ | 'secondary'/*;次要*/
  /**
   * 设置按钮圆角
   * @default false
   */
  circle/*;圆*/?: boolean
  /**
   * 是否通栏样式（即按钮宽度为屏幕宽度时的样式）
   * @default false
   */
  full/*;满*/?: boolean
  /**
   * 设置按钮的载入状态
   * @default false
   */
  loading/*;加载中*/?: boolean
  /**
   * 设置按钮为禁用态（不可点击）
   * @default false
   */
  disabled/*;禁用*/?: boolean
  /**
   * 点击按钮时触发
   */
  onClick/*;当点*/?: CommonEventFunction
}

export interface AtButtonState {
  isWEB/*;是网页*/: boolean
  isWEAPP/*;是微信*/: boolean
  isALIPAY/*;是支付宝*/: boolean
}

declare const AtButton: ComponentClass<AtButtonProps>

export default AtButton