Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react';
import HTMLReactParser from 'html-react-parser';

export default function ProfileInfo({
    image,
    fullName,
    description,
    visits,
    country,
    connections,
    headerClasses = '',
    imageContainerClasses = ''
}) {
    
    return (
        <div className={'userProfile' + ' border-gray'}>
            <div className={'userProfile__header' + ' ' + headerClasses}>
                <div className={'userProfile__header__imgContainer' + ' ' + imageContainerClasses}>
                    <img src={image} alt="profile-image" />
                </div>
                <div className={'userProfile__header__nameContainer'}>
                    <p className="text-center font-weight-bold">
                        {fullName}
                    </p>
                    {!!description &&
                        <p className="text-center p-1 small-text-children">
                            {HTMLReactParser(description)}
                        </p>
                    }
                </div>
            </div>
            <div className='userProfile__headerBackground'></div>
            <div className="row">
                <div className="col w-100 text-center">
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        <i className="fa fa-eye" ></i>
                    </p>
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        {visits || ''}
                    </p>
                </div>
                <div className="col w-100 text-center">
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        <i className="pl-2 fa fa-map px-2"></i>
                    </p>
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        {country || ''}
                    </p>
                </div>
                <div className="col w-100 text-center">
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        <i className="fa fa-share-alt" ></i>
                    </p>
                    <p className='userProfile__connectionInfo__infoContainer__title'>
                        {connections}
                    </p>
                </div>
            </div>
        </div>
    )
}