Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3153 | Rev 3259 | 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({
7
  items = [],
8
  emptyMessage = 'No hay elementos para mostrar',
9
  renderItem = () => {}
10
}) {
3152 stevensc 11
  if (!items.length) {
3153 stevensc 12
    return <EmptySection message={emptyMessage} />
3152 stevensc 13
  }
14
 
15
  return (
3154 stevensc 16
    <MuiList
17
      sx={{
18
        display: 'flex',
19
        flexDirection: 'column',
20
        gap: ({ spacing }) => spacing(0.5)
21
      }}
22
    >
3152 stevensc 23
      {items.map((item, index) => (
3153 stevensc 24
        <MuiListItem key={item.id ?? index}>{renderItem(item)}</MuiListItem>
3152 stevensc 25
      ))}
26
    </MuiList>
27
  )
28
}