import React from 'react'
import { wording } from 'src/words'
import { AddressToggleProps } from './typings'
import { StyledSingleShipping, StyledShippingMethodOption, StyledLabel } from './styled'

function defaultRenderSavedButton(props: AddressToggleProps) {
  const { isExpanded } = props
  return <StyledLabel content={wording.savedAddresses} isExpanded={!isExpanded} />
}

function defaultRenderAddNewButton(props: AddressToggleProps) {
  const { isExpanded } = props
  return <StyledLabel content={wording.newShippingAddressHeaderLabel} isExpanded={isExpanded} />
}

function defaultRenderExpandedView(props: AddressToggleProps) {
  return <StyledSingleShipping {...props} />
}

function defaultRenderDefaultView(props: AddressToggleProps) {
  return <StyledShippingMethodOption {...props} />
}

export {
  defaultRenderSavedButton,
  defaultRenderAddNewButton,
  defaultRenderExpandedView,
  defaultRenderDefaultView,
}