react-cls-online-v1.js

import React, {Component} from 'react';

class Online extends Component {
    renderStatus() {
        if(this.props.online === true){
            return <span className="text-success">ONLINE</span>
        }

        return <span className="text-danger">OFFLINE</span>
    }

    render() {
        return (
            <p className="text-center">
                Strem Status: { this.renderStatus() }
            </p>
        );
    }
}

export default Online;