Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Box, Chip, Typography } from '@mui/material';

import Widget from '@components/UI/Widget';

export default function JobAttr({ title, info }) {
  return (
    <Widget>
      <Widget.Header title={title} />
      <Widget.Body>
        {!info?.length && <Typography>Sin información</Typography>}
        {info && !Array.isArray(info) && <Typography>{info}</Typography>}
        {info && Array.isArray(info) && (
          <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
            {info.map((item) => (
              <Chip key={item} label={item} />
            ))}
          </Box>
        )}
      </Widget.Body>
    </Widget>
  );
}