Proyectos de Subversion LeadersLinked - SPA

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

const StyledList = styled('ul')`
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  gap: 1rem;
`;

export function List({
  items = [],
  renderItem = () => {},
  emptyMessage = 'No hay elementos para mostrar',
  keyExtractor = 'id'
}) {
  if (!items.length) {
    return <Typography>{emptyMessage}</Typography>;
  }

  return (
    <StyledList>
      {items.map((item, index) => {
        return <li key={item[keyExtractor]}>{renderItem(item, index)}</li>;
      })}
    </StyledList>
  );
}