var React = require('react');

var EntryList = require('./entryList'),
  EntryListFilter = require('./entryListFilter');


module.exports = React.createClass({
  propTypes: {
    entries : React.PropTypes.object,
    selected : React.PropTypes.string,
    searchKeyword: React.PropTypes.string,
    onSelect: React.PropTypes.func,
  },

  getDefaultProps: function() {
    return {
      entries : {},
      selected: null,
      onSelect: null,
    };
  },

  render: function() {
    return (
      <div className="timeline">
        <EntryListFilter searchKeyword={this.props.searchKeyword} />
        <EntryList 
          searchKeyword={this.props.searchKeyword}
          entries={this.props.entries} 
          selected={this.props.selected}
          onSelect={this.props.onSelect} />
      </div>
    );
  },

});



