import { MouseEvent, ComponentClass, ReactNode } from 'react'

import AtComponent from './base'

export interface Item {
  /**
   * 标题
   */
  title/*;标题*/: ReactNode
  /**
   * 子项内容
   */
  content/*;内容*/?: ReactNode[]
  /**
   * 自定义 icon
   */
  icon/*;图标*/?: string
  /**
   * icon 颜色
   * @default 'blue'
   */
  color/*;颜色*/?: 'blue'/*;蓝*/ | 'green'/*;绿*/ | 'red'/*;红*/ | 'yellow'/*;黄*/
}

export interface AtTimelineProps extends AtComponent {
  /**
   * 最后一项是否为未完成态
   * @default false
   */
  pending/*;待定*/?: boolean
  /**
   * 需展示的内容
   */
  items/*;项集*/: Array<Item>
}

declare const AtTimeline: ComponentClass<AtTimelineProps>

export default AtTimeline