Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import EmptySection from '../../../../shared/empty-section/EmptySection'

const JobAttr = ({ title, info }) => {
  const infoTypes = {
    string: <span>{info}</span>,
    array: (
      <ul>
        {info.map((item, index) => (
          <li key={index}>
            <span>{item}</span>
          </li>
        ))}
      </ul>
    ),
  }

  console.log(typeof info)

  return (
    <div className="job-attr">
      <div className="job-attr-header">
        <h2>{title}</h2>
        {info ? (
          infoTypes[Array.isArray(info) ? 'array' : 'string']
        ) : (
          <EmptySection message="Sin información" align="left" />
        )}
      </div>
    </div>
  )
}

export default JobAttr