import { ComponentClass } from 'react'

import AtComponent from './base'

export interface Item {
  /**
   * 列表项内容
   */
  name/*;名称*/: string

  [propName: string]: any
}

export interface ListItem {
  /**
   * 列表标题
   */
  title/*;标题*/: string
  /**
   * 右侧导航标题
   */
  key/*;键*/: string
  /**
   * 列表项
   */
  items/*;列表项*/: Array<Item>
}

export interface AtIndexesProps extends AtComponent {
  /**
   * 是否开启跳转过渡动画
   * @default false
   */
  animation/*;动画*/?: boolean
  /**
   * 右侧导航第一个名称
   * @default Top
   */
  topKey/*;上键*/?: string
  /**
   * 是否切换 key 的震动
   * **注意：** 只在微信小程序有效
   * @default true
   */
  isVibrate/*;是震动*/?: boolean
  /**
   * 是否用弹框显示当前 key
   * @default true
   */
  isShowToast/*;是显示弹框*/?: boolean
  /**
   * 列表
   */
  list/*;列表*/: Array<ListItem>
  /**
   * 点击列表项触发事件
   */
  onClick/*;当点*/?: (item: Item) => void
  /**
   * 获取跳转事件跳转到指定 key
   */
  onScrollIntoView/*;当滚动进视图*/?: (fn: (key: string) => void) => void
}

export interface AtIndexesState {
  _scrollIntoView/*;_滚动进视图*/: string
  _scrollTop/*;_滚动上*/: number
  _tipText/*;_提示文本*/: string
  _isShowToast/*;_是显示弹框*/: boolean
  isWEB/*;是网页*/: boolean
}

declare const AtIndexes: ComponentClass<AtIndexesProps>

export default AtIndexes