import { ComponentClass } from 'react'
import { CommonEvent } from '@tarojs/components/types/common'
import AtComponent, { AtIconBaseProps } from './base'

export interface AtGridItem {
  /**
   * 宫格图片
   */
  image/*;图片*/?: string
  /**
   * 宫格文字
   */
  value/*;值*/?: string
  /**
   * 宫格图标
   */
  iconInfo/*;图标信息*/?: AtIconBaseProps
  /**
   * 允许用户扩充 Item 字段
   */
  [key: string]: any
}

export interface AtGridProps extends AtComponent {
  /**
   * 宫格布局数据源
   */
  data/*;数据*/: Array<AtGridItem>
  /**
   * 每一列有多少个
   */
  columnNum/*;列数*/?: number
  /**
   * 是否有边框
   * @default true
   */
  hasBorder/*;有边框*/?: boolean
  /**
   * 布局模式
   * @default square
   */
  mode/*;模式*/?: 'square'/*;正方*/ | 'rect'/*;矩形*/
  /**
   * 点击宫格触发的事件
   */
  onClick/*;当点*/?: (item: AtGridItem, index: number, event: CommonEvent) => void
}

declare const AtGrid: ComponentClass<AtGridProps>

export default AtGrid