/*renders control panel with associated buttons and display*/
import React from 'react';
import CountDisplay from 'CountDisplay';
import StrictButton from 'StrictButton';
import OnOffButton from 'OnOffButton';


class Control extends React.Component{
  render(){
    return (
      <div id="control-panel">
        <div id="controls">        
          <h1>Simon(tm)</h1>
          <div className="control-row">
            <CountDisplay countDisplayText={ this.props.countDisplayText } isOn={ this.props.isOn }/>
            <div id="start">
              <button id="start-btn" onClick={ this.props.onStartClick }></button>
              <label>START</label>
            </div>  
            <StrictButton onStrictClick={ this.props.onStrictClick } strictOn={ this.props.strictOn } />
          </div>
          <div className="control-row">
            <OnOffButton onOnClick={ this.props.onOnClick } isOn={ this.props.isOn }/> 
          </div>
        </div>                
      </div>
    );
  }
}

export default Control;
/*renders control panel with associated buttons and display*/
import React from 'react';
import CountDisplay from 'CountDisplay';
import StrictButton from 'StrictButton';
import OnOffButton from 'OnOffButton';


class Control extends React.Component{
  render(){
    return (
      <div id="control-panel">
        <div id="controls">        
          <h1>Simon&trade;</h1>
          <div className="control-row">
            <CountDisplay countDisplayText={ this.props.countDisplayText } isOn={ this.props.isOn }/>
            <div id="start">
              <button id="start-btn" onClick={ this.props.onStartClick }></button>
              <label>START</label>
            </div>  
            <StrictButton onStrictClick={ this.props.onStrictClick } strictOn={ this.props.strictOn } />
          </div>
          <div className="control-row">
            <OnOffButton onOnClick={ this.props.onOnClick } isOn={ this.props.isOn }/> 
          </div>
        </div>                
      </div>
    );
  }
}

export default Control;
Add trademark symbol to control component
Add trademark symbol to control component
