import { TogglableButton } from './TogglableButton';

export class Home extends React.Component {

  constructor(props, context) {
    super(props, context);
    this.state = {
      toggleDisabled: true,
    };
    this.handleToggle = this.handleToggle.bind(this);
  }

  handleToggle(switchedState) {
    this.setState({ toggleDisabled: switchedState });
  }

  render() {
    return <div>
      <TogglableButton onToggle={this.handleToggle}/>
      {(() => {
        if(this.state.toggleDisabled) {
          return <div id="toggle">ToggleDisabled</div>;
        }
        return <div id="toggle">ToggleEnabled</div>;
      })()}
    </div>
  }
}