content: import React from 'react';
  
  const SkillCard = (props) => {
  
    let skill;
  
    if(props.skill) {
      if (isNaN(props.skill)){
        skill = (
          <div className="cardSkill">
            <span className="skillNumber">{props.skill}</span>
          </div>);
      } else {
        skill = (
          <div className="cardSkill">
            <span className="skillNumber">{props.skill}</span> / 100
          </div>);
      }
    }
  
    return (
      <div className="card skillCard">
        <div className="cardHeader">
          <h5>{props.title}</h5>
        </div>
        {skill}
      </div>
    );
  };
  
  export default SkillCard;
  