import React from 'react'
import { ShippingMethodOptionItemProps } from './typings'
import {
  StyledHeader,
  IconPlaceholder,
  ExpectedDeliveryPlaceholder,
  ShippingTypeTextPlaceholder,
  OptionsWrapper,
} from './styled'

function defaultRenderHeader(props: ShippingMethodOptionItemProps) {
  return <StyledHeader />
}

function defaultRenderIcon(props: ShippingMethodOptionItemProps) {
  return <IconPlaceholder width={24} height={24} />
}

function defaultRenderText(props: ShippingMethodOptionItemProps) {
  return (
    <OptionsWrapper>
      <ShippingTypeTextPlaceholder />
      <ExpectedDeliveryPlaceholder />
    </OptionsWrapper>
  )
}

export { defaultRenderHeader, defaultRenderIcon, defaultRenderText }