import React from 'react'; import { mdiPlayCircle } from '@mdi/js'; import BaseIcon from './BaseIcon'; const VideoCard = ({ video }) => { const thumbnailUrl = video.thumbnail?.[0]?.url || 'https://via.placeholder.com/400x225?text=No+Thumbnail'; return (
{video.title}

{video.title || 'Untitled Video'}

{video.description || 'No description available.'}

{video.tags?.slice(0, 3).map((tag) => ( {tag.name} ))}
); }; export default VideoCard;