interface Skills {
  skills: Skill[] | null;
}

const JobSkills = ({ skills }: Skills) => {
  return (
    <ul className="job-skills">
      {skills?.map((skill, i) => (
        <li key={i} className="text-white">
          <a href="#">{skill.name}</a>
        </li>
      ))}
    </ul>
  );
};

export default JobSkills;