text: import React from "react";
  import "./SoftwareSkill.css";
  import { skillsSection } from "../../portfolio";
  
  export default function SoftwareSkill() {
    return (
      <div>
        <div className="software-skills-main-div">
          <ul className="dev-icons">
            {skillsSection.softwareSkills.map(skills => {
              return (
                <li className="software-skill-inline" name={skills.skillName}>
                  <span
                    className="iconify"
                    data-icon={skills.fontAwesomeClassname}
                    data-inline="false"
                  ></span>
                  <p>{skills.skillName}</p>
                </li>
              );
            })}
          </ul>
        </div>
      </div>
    );
  }
  