{"size": 1389, "ext": "js", "max_stars_repo_path": "src/components/Card/card.js", "max_stars_repo_name": "kevin-on-davis/L2K_Rolodex", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Card/card.js", "max_issues_repo_name": "kevin-on-davis/L2K_Rolodex", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Card/card.js", "max_forks_repo_name": "kevin-on-davis/L2K_Rolodex", "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": 26.7115384615, "max_line_length": 79, "alphanum_fraction": 0.5097192225}
import React from "react";
import "./style.css";
import Moment from "react-moment";

function Card(props) {
  return (
    <div className="row ">
      <div className="col-sm-2 empCard">
        <img
          className="profileImage"
          src={props.empRec.picture.large}
          alt=""
        ></img>
      </div>
      <div className="col-sm-4 empCharCard">
        <h3>
          {props.empRec.lastname}, {props.empRec.firstname} (
          {props.empRec.title})
        </h3>
        <h5>Age : {props.empRec.age}</h5>
        <h5>
          D.O.B : <Moment format="YYYY/MM/DD">{props.empRec.birthdate}</Moment>
        </h5>
        <h5>
          Employment Date :{" "}
          <Moment format="YYYY/MM/DD">{props.empRec.hiredate}</Moment>
        </h5>
        <h5>Years of Service : {props.empRec.serviceyears}</h5>
        <h5>
          {" Phone:" + props.empRec.phone}
          {"/"}
          {" Cell:" + props.empRec.cell}
        </h5>
        <h5>{props.empRec.email}</h5>
      </div>
      <div className="col-sm-4 empAddressCard">
        <h3> Address </h3>
        <h5>
          {props.empRec.streetno} {props.empRec.streetname}
        </h5>
        <h5>{props.empRec.city}</h5>
        <h5>
          {props.empRec.state}, {props.empRec.postalcode}
        </h5>
        <h5>{props.empRec.country}</h5>
      </div>
    </div>
  );
}

export default Card;
