import React from 'react'
import { wording } from '@skava/ui/dist/words'
import {
  SubscriptionItemInfo,
  SubscriptionListProps,
  SubscriptionListState,
} from './typings'
import { HeaderContent, Item } from './styled'

function defaultRenderHeader(props: SubscriptionListProps, state: SubscriptionListState) {
  return <HeaderContent content={wording.upcomingSubscriptionHeaderLabel} />
}

function defaultRenderItem(props: SubscriptionItemInfo, state: SubscriptionListState) {
  return <Item item={props} />
}

export { defaultRenderHeader, defaultRenderItem }