text: import React from 'react';
  
  import VideoListItem from './video-list-item';
  
  const VideoList = ({ videos, onSelectVideo }) => {
    return (
      <ul className="col-md-4 list-group">
        {videos.map(video => {
          return (
            <VideoListItem
              onSelectVideo={onSelectVideo}
              key={video.etag}
              video={video}
            />
          );
        })}
      </ul>
    );
  };
  
  export default VideoList;
  