text: import uniqid from 'uniqid'
  import { skills2 } from '../../portfolio'
  import './Skills2.css'
  
  const Skills2 = () => {
    if (!skills2.length) return null
  
    return (
      <section className='section skills' id='skills2'>
        <h2 className='section__title'> Soft Skills</h2>
        <ul className='skills__list'>
          {skills2.map((skill) => (
            <li key={uniqid()} className='skills__list-item btn btn--plain'>
              {skill}
            </li>
          ))}
        </ul>
      </section>
    )
  }
  
  export default Skills2; 
  
  