import { faCode, faMicrochip } from '@fortawesome/free-solid-svg-icons'
import { faGit } from '@fortawesome/free-brands-svg-icons'

import { InterestItem } from './InterestItem'

export const InterestsList = (): JSX.Element => {
  return (
    <div className='my-4 flex justify-center'>
      <ul className='m-0 flex w-96 list-none justify-around p-0'>
        <InterestItem title='Developer Full Stack' fontAwesomeIcon={faCode} />
        <InterestItem
          title='Passionate about High-Tech'
          fontAwesomeIcon={faMicrochip}
        />
        <InterestItem title='Open-Source enthusiast' fontAwesomeIcon={faGit} />
      </ul>
    </div>
  )
}