20 lines
456 B
JavaScript
20 lines
456 B
JavaScript
import "./VideoItem.css";
|
|
import React from "react";
|
|
|
|
const VideoItem = ({ video, onVideoSelect }) => {
|
|
return (
|
|
<div className="video-item item" onClick={() => onVideoSelect(video)}>
|
|
<img
|
|
src={video.snippet.thumbnails.medium.url}
|
|
className="ui image"
|
|
alt=""
|
|
/>
|
|
<div className="content">
|
|
<div className="header"> {video.snippet.title}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default VideoItem;
|