Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import {
  Avatar,
  List,
  ListItem,
  ListItemAvatar,
  ListItemButton,
  ListItemText
} from '@mui/material'

import EmptySection from './EmptySection'

function UsersList({ users = [], emptyLabel = 'Sin usuarios encontrados' }) {
  if (!users.length) {
    return <EmptySection message={emptyLabel} />
  }

  return (
    <List sx={{ width: '100%' }}>
      {users.map(({ first_name, last_name, email, image }) => (
        <ListItem key={email} disablePadding disableRipple>
          <ListItemButton disableRipple>
            <ListItemAvatar>
              <Avatar alt={`${first_name} image`} src={image} />
            </ListItemAvatar>

            <ListItemText primary={`${first_name} ${last_name}`} />
          </ListItemButton>
        </ListItem>
      ))}
    </List>
  )
}

export default UsersList