{"size": 1009, "ext": "js", "max_stars_repo_path": "src/components/team/index.js", "max_stars_repo_name": "johndexteriv/jdGReactPortfolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/team/index.js", "max_issues_repo_name": "johndexteriv/jdGReactPortfolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/team/index.js", "max_forks_repo_name": "johndexteriv/jdGReactPortfolio", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 36.0357142857, "max_line_length": 91, "alphanum_fraction": 0.3696729435}
import React from 'react';

const Team = ({name, designation, profilePhoto, socials}) => {
    return (
        <div className="team-item">
            <div className="team-inner">
                <img src={require('../../assets/images/team/' + profilePhoto)} alt={name}/>
                <div className="team-content">
                    <h4>{name}</h4>
                    <span>{designation}</span>
                    <div className="team-social">
                        {socials.map(icon => (
                            <a key={icon.id}
                               href={`https://${icon.media}.com/${icon.username}`}
                               target="_blank"
                               rel="noreferrer noopener"
                            >
                                <i className={`fa fa-${icon.media}`}/>
                            </a>
                        ))}
                    </div>
                </div>
            </div>
        </div>
    );
};

export default Team;