hintBox.js

export const error = ComposedComponent =>
  class extends Component {
    state = { display: 0 }

    toggle = display =>
      this.setState({ display })

    reset = () =>
      this.toggle(0)

    err = message => {
      this.toggle(message)
      setTimeout(this.reset, 1000)
    }

    render = () => <div>
      <ComposedComponent { ...this.props } err={ this.err } />
      <div onClick={ this.reset } className="hint-box-wrapper"
           style={{ display: this.state.display === 0 ? 'none' : 'block' }} >
        <div className="hint-box">
          <div className="hint-box-inner">
            { this.state.display }
          </div>
        </div>
      </div>
    </div>
  }