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

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

export { defaultRenderProductItem }