import React from 'react'
import { SubscriptionItemProps } from './typings'
import {
  StyledProductImage,
  LabelText,
  DateText,
} from './styled'

function defaultRenderDetails(props: SubscriptionItemProps) {
  const { item } = props
  const { label, date } = item
  return (
    <React.Fragment>
      <LabelText>{label}</LabelText>
      <DateText>{date}</DateText>
    </React.Fragment>
  )
}

function defaultRenderImage(props: SubscriptionItemProps) {
  const { item } = props
  const { image } = item
  return <StyledProductImage src={image} />
}

export {
  defaultRenderDetails,
  defaultRenderImage,
}