class LiveStateIndicator extends HTMLElement{
    constructor(){
        super();
    }

    changeToDisable(){
        let liveElm = this.getElementsByClassName("live")[0];
        liveElm.classList.remove("enabled");
        liveElm.classList.add("disabled");
    }

    changeToEnable(){
        let liveElm = this.getElementsByClassName("live")[0];
        liveElm.classList.remove("disabled");
        liveElm.classList.add("enabled");
    }

    connectedCallback(){
        this.render();
    }

    render(){
        this.innerHTML = `
            <link rel="stylesheet" href="components/states_indicator/live/live.css">
            <div class="live">
                LIVE
            </div>
        `
    }
}

customElements.define("sea-live-state-indicator", LiveStateIndicator)