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