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