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

export class Props extends BasicProps {
  public editSetting: EditSetting = {
    key: 'gaea-music',
    name: '音乐',
    isContainer: false,
    defaultPosition: {
      top: '15',
      left: '15'
    },
    editors: [
      {
        field: 'play',
        text: '开启',
        type: 'boolean'
      },
      {
        field: 'backgroundImage',
        type: 'image',
        text: '背景图片'
      },
      {
        field: 'backgroundMusic',
        type: 'music',
        text: '背景音乐'
      },
      {
        field: 'loop',
        text: '是否循环播放',
        type: 'boolean'
      },
      {
        field: 'autoPlay',
        text: '是否自动播放',
        type: 'boolean'
      }
    ]
  }

  public backgroundMusic = ''
  public loop = true
  public autoPlay = true
  public play = false
  public style: React.CSSProperties = {
    width: '50px',
    height: '50px',
    zIndex: '2'
  }
  public onChange = (checked?: boolean) => {

  }
}

export class State { }