import React, { Component } from 'react';




import { MiddlewareRegistry } from '../../react/features/base/redux';

clog("zxi .",window.dev_middleware_listner)
if (window.dev_middleware_listner){

MiddlewareRegistry.register(store => next => action => {
	// clog("dbg zyx",action.type)
	// if 
	setTimeout(window.dev_middleware_listner,1,{store,next,action,that:this})
	// window.dev_middleware_listner({store,next,action,that:this})
	// switch(action.type){
		// case "CONFERENCE_JOINED":
	// }

	return next(action);
	

});

}



// clog("JX_dev2" ,window.dev_middleware_listner)


































// var CornerObj = {"ABC":"123"}
var CornerUI = {"ABC":"1234"}
var CornerUI2 = {"ABC":"12345"}
class CornerObj2 extends Component<Props> {
	constructor(){
		super(...arguments)
		clog("hook CornerObj",this,arguments)
	}
    render() {
        // console.log("JDI CO rend SmallVideo",SmallVideo)
        // First make sure we are sensitive enough.
        // const audioLevel = Math.min(this.props.audioLevel * 1.2, 1);
        // const location = "LOCO";
        // console.log("jdr CornerObj rend",this,this.corner_data,this.corner_data2)

        // Let's now stretch the audio level over the number of dots we have.
        // const stretchedAudioLevel = AUDIO_LEVEL_DOTS * audioLevel;

        // const audioLevelDots = [];
        clog("hook render CornerObj",this,arguments)
        clog("hook render CornerObj props",this.props)


                // { this.corner_data }
                // {window.abc}
        return (
           <span className="jspan_c">
           {this.props.children}
            </span>
        );
    }

}


class CornerObj extends Component<Props> {
	constructor(){
		super(...arguments)
		this._props = $.extend(true,{},this.props)
		this._props.className = Object.assign(this._props.className || "" )
		this._props.className ? 0 : this._props.className=""
		this._props.className = "dev_hook " + this._props.className
		// this._props.type ? : = "span"
		clog("hook CornerObj",this,arguments)
	}
    render() {
    	// type
        // console.log("JDI CO rend SmallVideo",SmallVideo)
        // First make sure we are sensitive enough.
        // const audioLevel = Math.min(this.props.audioLevel * 1.2, 1);
        // const location = "LOCO";
        // console.log("jdr CornerObj rend",this,this.corner_data,this.corner_data2)

        // Let's now stretch the audio level over the number of dots we have.
        // const stretchedAudioLevel = AUDIO_LEVEL_DOTS * audioLevel;

        // const audioLevelDots = [];
        clog("hook render CornerObj",this,arguments)
        clog("hook render CornerObj props",this.props)


                // { this.corner_data }
                // {window.abc}
        if (this._props.type == "div"){
        return (
           <div className={this._props.className}>
            {this.props.children}
            </div>
           	
        );
        // } else if (this._props.type == "span"){

        } else {
        return (
           <span className={this._props.className}>
            {this.props.children}
            </span>
           	
        );
        }
        /*
        return (
           <{this._props.type} className={this._props.className}>
            </{this._props.type}>
           	
        );
        */
           // <span className={this._props.className}>
            // </span>

    }
           // <span {this.props.children}>
           // </span>
           // {this.props.children}
           // {this.props.children}

}

class DevHook extends Component<Props> {
	constructor(){
		super(...arguments)
		this._props = $.extend(true,{},this.props)
		this._props.className = Object.assign(this._props.className || "" )
		this._props.className ? 0 : this._props.className=""
		this._props.className = "dev_hook " + this._props.className
		// this._props.type ? : = "span"
		// clog("hook CornerObj",this,arguments)
	}
    render() {

        // clog("hook render CornerObj",this,arguments)
        // clog("hook render CornerObj props",this.props)

        if (this._props.type == "div"){
        return (
           <div className={this._props.className}>
            {this.props.children}
            </div>
           	
        );
        // } else if (this._props.type == "span"){

        } else {
        return (
           <span className={this._props.className}>
            {this.props.children}
            </span>
           	
        );
        }
    }


}






export {CornerObj,DevHook,CornerUI,CornerUI2};