import React from 'react'
import {
  SubscriptionOrderInformationProps,
} from './typings'
import {
  StyledDetailedList,
  StyledButton,
} from './styled'

function defaultRenderDeliveryInformation(props: SubscriptionOrderInformationProps) {
  return <StyledButton text={'change date'} />
}

function defaultRenderOrderInformation(props: SubscriptionOrderInformationProps) {
  const { item } = props
  const { orderInformation } = item
  return <StyledDetailedList list={orderInformation} />
}

export { defaultRenderOrderInformation, defaultRenderDeliveryInformation }