import React from 'react'
import { MaterialIcon } from 'atoms/MaterialIcon'
import { StyledTelephoneValue } from './styled'
import { TelephoneAttributesOrProps } from './typings'

function renderIcon(props: TelephoneAttributesOrProps) {
  return props.shouldUseIcon && <MaterialIcon type="call" key="telephoneicon" />
}

function renderValue(props: TelephoneAttributesOrProps) {
  return <StyledTelephoneValue {...props} />
}

export { renderIcon, renderValue }