class JSPMStatus extends React.Component {
    render() {
        let jspm_status;
        if (this.props.JSPM_WS_Status == "Open")
            jspm_status = (
              <span className="badge badge-success">
                <i className="fa fa-check" /> Open
              </span>
        );
    else if (this.props.JSPM_WS_Status == "Closed")
        jspm_status = (
          <span className="badge badge-danger">
            <i className="fa fa-exclamation-circle" /> Closed!
          </span>
        );
    else if (this.props.JSPM_WS_Status == "BlackListed")
        jspm_status = (
          <span className="badge badge-warning">
            <i className="fa fa-times-circle" /> This Website is Black
        Listed!
      </span>
        );
    else
        jspm_status = (
          <span className="badge badge-warning">
            <i className="fa fa-user-circle" /> Waiting for user response...
          </span>
        );

      return (
        <span className="jspmStatus">
          <strong>JSPM</strong> WebSocket Status {jspm_status}
        </span>
      );
            }
}

window.JSPMStatus = JSPMStatus;