import { BasicProps, BasicState, EditSetting } from '../type'

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-countdown',
    name: '倒计时',
    isContainer: false,
    // isAutoHeight: true,
    editors: [
      {
        field: 'time',
        text: '开始时间',
        type: 'datetime'
      },
      {
        field: 'backgroundColor',
        text: '组件背景色',
        type: 'color'
      },
      {
        field: 'clockBackgroundColor',
        text: '时间背景色',
        type: 'color'
      },
      {
        field: 'fontColor',
        text: '文字色',
        type: 'color'
      },
    ]
  };

  public style: React.CSSProperties = {
    display: 'block',
    zIndex: 2,
  };
  time: number
  backgroundColor = '#fff'
  clockBackgroundColor = 'rgba(0, 0, 0, 0.8)'
  fontColor = '#fff'
}

export class State extends BasicState {
  complete = false
}