var React = require('react');

var Header = React.createClass({

    render: function() {
        return (
            <div className="header">
                <input className="search" onChange={this.props.searchHandler} />
                <button className="clear" onClick={this.props.clearHandler}>clear</button>
                <button className="pause" onClick={this.props.pauseHandler}>pause</button>
                <button className="resume" onClick={this.props.resumeHandler}>resume</button>
            </div>
        );
    }

});

module.exports = Header;

var React = require('react');

var Header = React.createClass({

    render: function() {
        return (
            <div className="header">
                <input className="search" placeholder="Search" onChange={this.props.searchHandler} />
                <button className="clear" onClick={this.props.clearHandler}>clear</button>
                <button className="pause" onClick={this.props.pauseHandler}>pause</button>
                <button className="resume" onClick={this.props.resumeHandler}>resume</button>
            </div>
        );
    }

});

module.exports = Header;

Add “Search” placeholder text to input field.
Add “Search” placeholder text to input field.