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

import AtComponent from './base'

export interface AtActionSheetProps extends AtComponent {
  /**
   * 是否展示元素
   * @default false
   */
  isOpened/*;是已开*/: boolean
  /**
   * 元素的标题
   */
  title/*;标题*/?: string
  /**
   * 取消按钮的内容
   */
  cancelText/*;取消文本*/?: string
  /**
   * 元素被关闭触发的事件
   */
  onClose/*;当关*/?: (event?: CommonEvent) => void
  /**
   * 点击了底部取消按钮触发的事件
   */
  onCancel/*;当取消*/?: (event?: CommonEvent) => void
}

export interface AtActionSheetState {
  _isOpened/*;_是已开*/: boolean
}

export interface AtActionSheetHeaderProps extends AtComponent {}

export interface AtActionSheetFooterProps extends AtComponent {
  onClick/*;当点*/?: Function
}

export interface AtActionSheetBodyProps extends AtComponent {}

export interface AtActionSheetItemProps extends AtComponent {
  /**
   * 点击 Item 触发的事件
   */
  onClick/*;当点*/?: (event?: CommonEvent) => void
}

declare const AtActionSheetItem: ComponentClass<AtActionSheetItemProps>

declare const AtActionSheet: ComponentClass<AtActionSheetProps>

export default AtActionSheet

export { AtActionSheetItem }