import React from 'react';

export default class Site extends React.Component {
    render() {
        return (
            <div className="ui text container">
                <div className="ui stackable two column grid">
                    <div className="one column row">
                        <div className="center aligned column">
                            <div className="ui basic segment">
                                <img className="ui left floated small image" src="http://criticalcontrol.com/wp-content/themes/cces/images/logo.png" />
                                <span className="ui medium header">LED Toggle Demo</span>
                            </div>
                        </div>
                    </div>
                    <div className="column">
                        <div className="ui segment">
                            <div className="ui top attached label">Digital Out</div>
                            <div className="ui two column grid">
                                <div className="twelve wide column">
                                    <div className="ui right pointing label">
                                          DO1
                                    </div>
                                    <div className="ui buttons">
                                      <button className="ui red button">On</button>
                                      <button className="ui button">Off</button>
                                    </div>
                                </div>
                                <div className="four wide right aligned column">
                                    <i className="red idea big icon"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
       );
    }
}