import { MouseEvent, ComponentClass } from 'react'

import AtComponent from './base'

export interface PageChangeData {
  /**
   * 翻页事件类型
   */
  type/*;类型*/: 'prev'/*;前*/ | 'next'/*;后*/
  /**
   * 当前页
   */
  current/*;当前*/: number
}

export interface AtPaginationProps extends AtComponent{
  /**
   * 数据总量
   * @default 0
   */
  total/*;总共*/: number
  /**
   * 当前页
   * @default 1
   */
  current/*;当前*/?: number
  /**
   * 每页数据量
   * @default 20
   */
  pageSize/*;页大小*/?: number
  /**
   * 是否以 icon 形式展示按钮
   * @default false
   */
  icon/*;图标*/?: boolean
  /**
   * 点击页码按钮时触发
   */
  onPageChange/*;当页改变*/?: (data: PageChangeData) => void
}

export interface AtPaginationState {
  currentPage/*;当前页*/: number
  maxPage/*;最大页*/: number
  pickerRange/*;选择范围*/: number[]
}

declare const AtPagination: ComponentClass<AtPaginationProps>

export default AtPagination