import * as React from "react";
import PropTypes from 'prop-types';
import {url} from "inspector";
import {connect} from "net";
// import img from '../../../images/live/live1.png'
import './style/index.less'

type defaultProps = {

 picUrl:"https://shopstatic.94mxd.com.cn/live1.png"//头像链接
    // picPos: 1,//头像气泡样式，1：居左，2：居右
}
type ContentData = {} & defaultProps

interface LPData {
    content: Array<ContentData>,

    [propsName: string]: any
}

interface LPType {
    content: any,

    [propsName: string]: any
}

type IPropTypes = {
    source?: ContentData,
    [propsName: string]: any
}


// const CLASS = 'm-official-';


class MLIve extends React.Component<IPropTypes, any> {
    state: any;

    constructor(props: IPropTypes) {
        super(props);


        this.state = {
            // showFlag: false,
            // value: props.value || ""
            picUrl:"https://shopstatic.94mxd.com.cn/live1.png"
        }
    }

    componentDidMount(): void {

    }

    componentWillReceiveProps(nextProps): void {

    }

    click(){
        if(this.props.onClick){
            this.props.onClick()
        }
    }


    render() {
        let source = this.props;
        let content = source;
        return (
         <div className={'LiveContent'}
         >
             <i onClick={this.click.bind(this)} className={'liveInset'} style={{
                 backgroundImage: 'url("' + (content.picUrl ? content.picUrl : this.state.picUrl) +'")'
             }}></i>
         </div>
        );
    }
}

export default MLIve;