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



export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-template-activity-live-list',
    name: '模板活动-直播展示',
    isAutoHeight: true,
    defaultPosition: {
      top: '0',
      left: '0'
    },
    // isContainer: false,
    isFreeMove: true,// 支持自由拖动
    editors: [
      {
        field: 'type',
        text: '样式类型',
        type: 'select',
        data: [
          {
            text: '（自由拖动）',
            value: 3
          },
          {
            text: '一行展示两个（列表）',
            value: 1
          },
          {
            text: '一行展示一个（列表）',
            value: 2
          },
        ]
      },
      {
        field: 'titleColor',
        text: '标题颜色',
        type: 'color'
      },
      {
        field: 'nickNameColor',
        text: '用户昵称颜色',
        type: 'color'
      },
      {
        field: 'descriptionColor',
        text: '描述颜色',
        type: 'color'
      },
    ]
  };
  public style: React.CSSProperties = {
    width: '1.3rem',
    height: '3rem',
    backgroundSize: '100%',
    backgroundPosition: '0% 0%',
    backgroundRepeat: 'no-repeat'
  };
  public type: number = 3;
  public titleColor: string = '#2E2E2E';
  public nickNameColor: string = ' #B3B3B3';
  public descriptionColor: string = '#A3A3A3';
}

export class State extends BasicState {

}