import { BasicProps, BasicState, EditSetting } from '../type'
export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-snailTopic',
    name: '蜗牛话题',
    isContainer: false,
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    type: ['common', 'snail'],
    editors: [
      {
        field: 'topicId',
        text: '话题id',
        type: 'string'
      },
      {
        field: 'banner',
        text: '话题头图',
        type: 'image'
      },
      {
        field: 'title',
        text: '模块标题',
        type: 'string'
      },
      {
        field: 'pos',
        text: '模块标识',
        type: 'string'
      },
      'Style',
      {
        field: 'style.backgroundColor',
        text: '背景颜色',
        type: 'color'
      },
      {
        field: 'backgroundImage',
        text: '背景图片',
        type: 'image'
      }
    ]
  };

  public style: React.CSSProperties = {
    display: 'block',
    width: '100%',
    overflow: 'hidden',
    zIndex: 2,
  };
}

export class State extends BasicState {
  public topicId = '';
  public title = '';
  public topicData = null;
  public timerId = 0;
  public tips = '';
  public totalCount = 0;
}