Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { List, ListItem, ListItemText, Typography } from '@mui/material'

import Widget from '@components/UI/Widget'

export default function JobAttr({ title, info }) {
  return (
    <Widget>
      <Widget.Header title={title} />
      {!info?.length && <Typography>Sin información</Typography>}
      {info && !Array.isArray(info) && (
        <Widget.Body>
          <Typography variant='overline'>{info}</Typography>
        </Widget.Body>
      )}
      {info && Array.isArray(info) && (
        <Widget.Body>
          <List>
            {info.map((item, index) => (
              <ListItem key={index}>
                <ListItemText primary={item} />
              </ListItem>
            ))}
          </List>
        </Widget.Body>
      )}
    </Widget>
  )
}