import { ComponentClass } from 'react'

import AtComponent from './base'

export interface FormatObject {
  /**
   * 格式化分割符号：天
   * @default '天'
   */
  day/*;天*/?: string
  /**
   * 格式化分割符号：小时
   * @default '时'
   */
  hours/*;时*/: string
  /**
   * 格式化分割符号：分钟
   * @default '分'
   */
  minutes/*;分*/: string
  /**
   * 格式化分割符号：秒
   * @default '秒'
   */
  seconds/*;秒*/: string
}

export interface AtCountDownProps extends AtComponent {
  /**
   * 是否显示卡片式样式
   * @default false
   */
  isCard/*;是卡片*/?: boolean
  /**
   * 是否显示天数
   * @default false
   */
  isShowDay/*;是显示天*/?: boolean
  /**
   * 是否显示小时
   * @default true
   */
  isShowHour/*;是显示时*/?: boolean
  /**
   * 格式化分割符号
   * @default { day: '天', hours: '时', minutes: '分', seconds: '秒' }
   */
  format/*;格式*/?: FormatObject
  /**
   * 天数
   * @default 0
   */
  day/*;天*/?: number
  /**
   * 小时
   * @default 0
   */
  hours/*;时*/?: number
  /**
   * 分钟
   * @default 0
   */
  minutes/*;分*/?: number
  /**
   * 秒
   * @default 0
   */
  seconds/*;秒*/?: number
  /**
   * 倒计时时间到，执行的回调函数
   */
  onTimeUp/*;当到时*/?: Function
}

export interface AtCountdownState {
  _day/*;_天*/: number
  _hours/*;_时*/: number
  _minutes/*;_分*/: number
  _seconds/*;_秒*/: number
}

export interface AtCountdownItemProps extends AtComponent {
  num/*;数字*/: number
  separator/*;分隔*/: string
  isCard/*;是卡片*/?: boolean
}

declare const AtCountDown: ComponentClass<AtCountDownProps>

export default AtCountDown