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

export function renderIcon(props: TelephoneAttributesOrProps) {
  return props.shouldUseIcon && <TelephoneIcon key="telephoneicon" />
}
export function renderValue(props: TelephoneAttributesOrProps) {
  return <StyledTelephoneValue {...props} />
}