MetaPhase-Consulting/State-TalentMAP

import { USER_PROFILE } from '../../../../Constants/PropTypes';
import { NO_BIRTHDAY } from '../../../../Constants/SystemMessages';
import InformationDataPoint from '../../InformationDataPoint';
import SkillCodeList from '../../../SkillCodeList';

const UserProfilePersonalInformation = ({ userProfile }) => (
  <div className="usa-grid-full current-user-section-container current-user-personal-information">
    <div className="section-padded-inner-container">
      <InformationDataPoint
        title="Skill code"
        content={<SkillCodeList skillCodes={userProfile.employee_info.skills} />}
        className="skill-code-data-point-container skill-code-data-point-container-one"
      />
      <InformationDataPoint
        title="Birthdate"
        content={userProfile.date_of_birth || NO_BIRTHDAY}
        className="skill-code-data-point-container skill-code-data-point-container-two"
      />
    </div>
  </div>
);

UserProfilePersonalInformation.propTypes = {
  userProfile: USER_PROFILE.isRequired,
};

export default UserProfilePersonalInformation;