Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3090 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3083 stevensc 1
import React from 'react'
3093 stevensc 2
import { Box, Chip, Typography } from '@mui/material'
3083 stevensc 3
 
4
import Widget from '@components/UI/Widget'
5
 
6
export default function JobAttr({ title, info }) {
7
  return (
8
    <Widget>
9
      <Widget.Header title={title} />
3089 stevensc 10
      <Widget.Body>
11
        {!info?.length && <Typography>Sin información</Typography>}
3090 stevensc 12
        {info && !Array.isArray(info) && <Typography>{info}</Typography>}
3089 stevensc 13
        {info && Array.isArray(info) && (
3093 stevensc 14
          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
15
            {info.map((item) => (
16
              <Chip key={item} label={item} />
3083 stevensc 17
            ))}
3093 stevensc 18
          </Box>
3089 stevensc 19
        )}
20
      </Widget.Body>
3083 stevensc 21
    </Widget>
22
  )
23
}