/// <reference types="react" />

import * as React from "react";

interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
  title?: any;
}

export interface ItemProps extends HTMLAttributesWeak {
  /**
   * 节点状态
   */
  state?: "done" | "process" | "error" | "success";

  /**
   * 图标
   */
  icon?: string;

  /**
   * 格式化后的时间
   */
  time?: React.ReactNode;

  /**
   * 标题
   */
  title?: React.ReactNode;

  /**
   * 内容
   */
  content?: React.ReactNode;
}

export class Item extends React.Component<ItemProps, any> {}
export interface TimelineProps extends React.HTMLAttributes<HTMLElement> {
  /**
   * 样式的品牌前缀
   */
  prefix?: string;

  /**
   * 自定义折叠选项 示例`[{foldArea: [startIndex, endIndex], foldShow: boolean}]`
   */
  fold?: Array<any>;

  /**
   * 自定义类名
   */
  className?: string;
}

export default class Timeline extends React.Component<TimelineProps, any> {
  static Item: typeof Item;
}