text: import React, {Component} from 'react';
  import VideoListItem from './video-list-item';
  
  class VideoList extends Component {
  
      constructor(props) {
          super(props);
      }
  
      render() {
          const videoItems = this.props.videos.map((video) => {
              return (
                  <VideoListItem
                      onVideoClick={this.props.onVideoSelect}
                      key={video.etag}
                      video={video}/>
              );
          });
  
          return (
              <ul className="col-md-4 list-group">
                  {videoItems}
              </ul>
          );
      }
  }
  
  export default VideoList;