import React from 'react'
import { SubscriptionItemProps } from './typings'
import {
  defaultRenderDetails,
  defaultRenderImage,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class SubscriptionItem extends React.PureComponent<SubscriptionItemProps> {
  static defaultProps = {
    className: '',
    renderDetails: defaultRenderDetails,
    renderImage: defaultRenderImage,
    renderWrapper: defaultRenderWrapper
  }
  render() {
    const { renderWrapper, ...reamainingProps } = this.props
    const children = defaultRenderBox(reamainingProps)
    const view = renderWrapper({ children, ...reamainingProps })
    return view
  }
}

export { SubscriptionItem }
export default SubscriptionItem