Proyectos de Subversion LeadersLinked - Antes de SPA

import React from 'react'
import styled from 'styled-components'

import EmptySection from '../UI/EmptySection'
import WidgetLayout from '../widgets/WidgetLayout'

const StyledContainer = styled(WidgetLayout)`
  padding: 1rem;
  h2 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--title-color);
  }
`

const JobAttr = ({ title, info }) => {
  return (
    <StyledContainer>
      <h2>{title}</h2>

      {!info?.length ? (
        <EmptySection message="Sin información" align="left" />
      ) : !Array.isArray(info) ? (
        <span>{info}</span>
      ) : (
        <ul>
          {info.map((item, index) => (
            <li key={index}>
              <span>{item}</span>
            </li>
          ))}
        </ul>
      )}
    </StyledContainer>
  )
}

export default JobAttr