import React from 'react'
import { View } from 'react-native'
import { Product } from '../types/Product'
import { ProductImage } from './ProductImage'

const imageSize = 64

export const ListProductImage: React.FC<{
  product: Product
  isExplicit: boolean
  rank?: number
}> = ({ product, ...props }) => (
  <View
    style={{
      flex: 1,
      marginLeft: 8,
      marginRight: 24,
      marginTop: 16,
      width: imageSize,
      height: imageSize,
    }}
  >
    <ProductImage size={imageSize} product={product} {...props} />
  </View>
)