import { ComponentClass } from 'react'

import AtComponent from './base'

export interface AtDrawerProps extends AtComponent {
  /**
   * 展示或隐藏
   * @default false
   */
  show/*;显示*/: boolean
  /**
   * 是否需要遮罩
   * @default true
   */
  mask/*;罩*/?: boolean
  /**
   * 抽屉宽度
   * @default 230px
   */
  width/*;宽*/?: string
  /**
   * 是否从右侧滑出
   * @default false
   */
  right/*;右*/?: boolean
  /**
   * 菜单列表 Array
   */
  items/*;项集*/?: Array<string>
  /**
   * 点击菜单时触发
   */
  onItemClick/*;当点项*/?: (index: number) => void
  /**
   * 动画结束组件关闭的时候触发
   */
  onClose/*;当关*/?: () => void
}

export interface AtDrawerState {
  animShow/*;动画显示*/: boolean
  translateX/*;横转化*/?: any
  _show/*;_显示*/: boolean
}

declare const AtDrawer: ComponentClass<AtDrawerProps>

export default AtDrawer