import React from 'react'
import { CachedImageWithFallback } from '../components/CachedImageWithFallback'
import { Video } from '../types/types'

export const VideoImage: React.FC<{
  item: Video
  width?: number
  height?: number
}> = ({ item, width, height }) => (
  <CachedImageWithFallback
    style={{
      width: width ?? 64,
      height: height ?? 64,
    }}
    uris={[item.thumbnails.high?.url]}
    cacheKey={item.videoId}
    gradientString=""
  />
)