text: import React from "react";
  import "./SoftwareSkill.css";
  import { OverlayTrigger, Tooltip } from "react-bootstrap";
  
  class SoftwareSkill extends React.Component {
    render() {
      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}>
                  <i className={skills.fontAwesomeClassname}></i>
                </li>
              );
            })} */}
              {this.props.logos.map((logo) => {
                return (
                  <OverlayTrigger
                    key={logo.skillName}
                    placement={"top"}
                    overlay={
                      <Tooltip id={`tooltip-top`}>
                        <strong>{logo.skillName}</strong>
                      </Tooltip>
                    }
                  >
                    <li className="software-skill-inline" name={logo.skillName}>
                      <span
                        className="iconify"
                        data-icon={logo.fontAwesomeClassname}
                        style={logo.style}
                        data-inline="false"
                      />
                    </li>
                  </OverlayTrigger>
                );
              })}
            </ul>
          </div>
        </div>
      );
    }
  }
  
  export default SoftwareSkill;
  