import React from 'react'
import { additionalPaths } from '@skava/ui/dist/components/atoms/MaterialIcon'
import { FlexRow } from 'abstractions/OrderHistory'
import { ProductItem } from '../ProductItem'
import { StoreName, StyledMaterialIcon } from './styled'
import { ProductListProps } from './typings'

function defaultRenderStoreName(props: ProductListProps) {
  const { item } = props
  return (
    <FlexRow>
      <StyledMaterialIcon type={'store_mall'} customPaths={additionalPaths} />
      <StoreName content={item.storeName} />
    </FlexRow>
  )
}

function defaultRenderProductItem(props: ProductListProps) {
  return <ProductItem {...props} />
}

export { defaultRenderProductItem, defaultRenderStoreName }