You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
677 B
20 lines
677 B
import VideoCard from "./VideoCard";
|
|
|
|
export default function Recommendations({videos}) {
|
|
|
|
return (
|
|
<div className="">
|
|
<h2 className="text-3xl font-bold mb-4 text-white">Recommandations</h2>
|
|
<div>
|
|
<div className="grid grid-cols-1 lg:grid-cols-5 gap-8 mt-2">
|
|
{videos && videos.length > 0 ? videos.map((video, index) => (
|
|
<VideoCard key={video.id || index} video={video} />
|
|
)) : (
|
|
<p className="text-gray-500">Aucune recommandation disponible</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
|
|
}
|