import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' ; import { PropsWithChildren } from 'react' ; import { Row , Col , Badge } from 'reactstrap' ; import { IProfile } from './IProfile' ; import { HrefTargetBlank } from '../common' ; export default function ProfileContact ( { payload , } ) { return ( < Row className = "pb-2" > < Col xs = { 1 } className = "text-right" > < FontAwesomeIcon icon = { payload . icon } /> < /Col> < Col xs = "auto" > { createLink ( payload ) } < /Col> < /Row>); } function createLink ( payload ) { if ( payload . badge ) { return < Badge color = "light" > { payload . title || payload . link } < /Badge>; } return payload . link ? ( < HrefTargetBlank url = { payload . link } text = { payload . title } / > ) : ( < span > { payload . title } < /span>); }