Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { List as MuiList, ListItem as MuiListItem } from '@mui/material';

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

export default function List({

  elementsKey = 'id',

  items = [],

  emptyMessage = 'No hay elementos para mostrar',

  renderItem = () => {}

}) {

  if (!items.length) {

    return <EmptySection message={emptyMessage} />;

  }

  return (

    <MuiList

      sx={{

        display: 'flex',

        flexDirection: 'column',

        gap: ({ spacing }) => spacing(0.5)

      }}

    >

      {items.map((item, index) => (

        <MuiListItem key={item[elementsKey] ?? index}>{renderItem(item)}</MuiListItem>

      ))}

    </MuiList>

  );

}