import React , { FunctionComponent } from 'react' ; import InboundCall from '../../../assets/images/InboundCall.svg' ; import OutboundCall from '../../../assets/images/OutboundCall.svg' ; import styles from './styles.scss' ; interface CallIconProps { title ? : string ; isInbound : boolean ; } export const CallIcon = ( { title , isInbound , } ) => { return ( < div className = { styles . callIcon } title = { title } data - sign = { isInbound ? 'inboundIcon' : 'outboundIcon' } > { isInbound ? < InboundCall / > : < OutboundCall />} < /div>); } ;