Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev Autor Línea Nro. Línea
3152 stevensc 1 
import React from 'react'
2 
import { List as MuiList, ListItem as MuiListItem } from '@mui/material'
3 
 
4 
import EmptySection from '@components/UI/EmptySection'
5 
 
3153 stevensc 6 
export default function List({
3259 stevensc 7 
  elementsKey = 'id',
3153 stevensc 8 
  items = [],
9 
  emptyMessage = 'No hay elementos para mostrar',
10 
  renderItem = () => {}
11 
}) {
3152 stevensc 12 
  if (!items.length) {
3153 stevensc 13 
    return <EmptySection message={emptyMessage} />
3152 stevensc 14 
  }
15 
 
16 
  return (
3154 stevensc 17 
    <MuiList
18 
      sx={{
19 
        display: 'flex',
20 
        flexDirection: 'column',
21 
        gap: ({ spacing }) => spacing(0.5)
22 
      }}
23 
    >
3152 stevensc 24 
      {items.map((item, index) => (
3259 stevensc 25 
        <MuiListItem key={item[elementsKey] ?? index}>
26 
          {renderItem(item)}
27 
        </MuiListItem>
3152 stevensc 28 
      ))}
29 
    </MuiList>
30 
  )
31 
}