Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3481 stevensc 1 
import React from 'react';
2 
import { styled, Typography } from '@mui/material';
3 
 
4 
const StyledList = styled('ul')`
5 
  display: flex;
6 
  flex-direction: column;
7 
  list-style: none;
8 
  padding: 0;
9 
  gap: 1rem;
10 
`;
11 
 
12 
export function List({
13 
  items = [],
14 
  renderItem = () => {},
15 
  emptyMessage = 'No hay elementos para mostrar',
3520 stevensc 16 
  keyExtractor = (item) => item.id
3481 stevensc 17 
}) {
18 
  if (!items.length) {
19 
    return <Typography>{emptyMessage}</Typography>;
20 
  }
21 
 
22 
  return (
23 
    <StyledList>
24 
      {items.map((item, index) => {
3520 stevensc 25 
        return <li key={keyExtractor(item)}>{renderItem(item, index)}</li>;
3481 stevensc 26 
      })}
27 
    </StyledList>
28 
  );
29 
}