import React, {Component, PropTypes} from 'react';

class BadInputComponent extends Component {
    static propTypes = {
       text = PropTypes.string.isRequired, 
       updateText = PropTypes.func.isRequired,
    };
    
    render() {
        return (
            <input onChange={this.handleTextChange} value={this.state.text} />
        );
    }
    
    handleTextChange = (e) => {
        this.props.updateText(e.target.value)
    };
}

export default BadInputComponent;