import React from 'react'
import { ShippingMethodOptionItemProps } from './typings'
import {
  ShippingTypeLabel,
  ExpectedDeliveryText,
  StyledOptionsWrapper,
} from './styled'

function defaultRenderText(props: ShippingMethodOptionItemProps) {
  const { label } = props
  return (
    <StyledOptionsWrapper>
      <ShippingTypeLabel content={label.shippingType} />
      <ExpectedDeliveryText>{label.expectedDelivery}</ExpectedDeliveryText>
    </StyledOptionsWrapper>
  )
}

export { defaultRenderText }