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

import AtComponent, { AtIconBaseProps } from './base'

export interface AtListProps extends AtComponent {
  /**
   * 是否有边框
   * @default true
   */
  hasBorder/*;有边框*/?: boolean
}

export interface AtListItemProps extends AtComponent {
  /**
   * 是否有边框
   */
  hasBorder/*;有边框*/?: boolean
  /**
   * 是否禁用
   * @default false
   */
  disabled/*;禁用*/?: boolean
  /**
   * 元素的描述信息
   */
  note/*;注释*/?: string
  /**
   * 元素的标题
   */
  title/*;标题*/?: string
  /**
   * 元素的主要缩略图
   */
  thumb/*;缩略图*/?: string
  /**
   * 额外信息是否开关
   */
  isSwitch/*;是开关*/?: boolean
  /**
   * 额外信息的文本
   */
  extraText/*;额外文本*/?: string
  /**
   * 额外信息的缩略图
   */
  extraThumb/*;额外缩略图*/?: string
  /**
   * 额外信息开关的值
   */
  switchIsCheck/*;开关是选上*/?: boolean
  /**
   * 开关的颜色
   */
  switchColor/*;开关颜色*/?: string
  /**
   * icon 信息
   */
  iconInfo/*;图标信息*/?: AtIconBaseProps
  /**
   * 箭头的方向
   */
  arrow/*;箭头*/?: 'up'/*;上*/ | 'down'/*;下*/ | 'right'/*;右*/
  /**
   * 用户点击元素触发的事件
   */
  onClick/*;当点*/?: CommonEventFunction
  /**
   * 用户点击切换 Switch 时触发
   */
  onSwitchChange/*;当开关改变*/?: CommonEventFunction
}

export const AtList: ComponentClass<AtListProps>

declare const AtListItem: ComponentClass<AtListItemProps>

export default AtListItem