import React from 'react'
import { ProductItem } from '../ProductItem'
import { ProductItemListProps } from './typings'

/**
 * render List Wrapper
 */
function defaultRenderProductItem(itemDetails: ProductItemListProps) {
  // console.log('[defaultRenderProductItem] hasSingleProduct', itemDetails.hasSingleProduct)
  const { renderProductItemButtons, renderProductItemForm, isSubscriptionItem, ...remainingProps } = itemDetails
  return (
    <ProductItem
      itemDetails={itemDetails}
      renderProductItemButtons={renderProductItemButtons}
      renderProductItemForm={renderProductItemForm}
      isSubscriptionItem={isSubscriptionItem}
    />)
  // return <ProductItem itemDetails={itemDetails} />
}

export { defaultRenderProductItem }