Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import {
  Avatar,
  ListItemAvatar,
  ListItemText,
  List as MuiList,
  ListItem as MuiListItem
} from '@mui/material'
import { Link } from 'react-router-dom'

export function List({ children, styles, ...props }) {
  return (
    <MuiList sx={styles} {...props}>
      {children}
    </MuiList>
  )
}

export function ListItem({
  renderAction = () => null,
  title = '',
  subheader = '',
  avatarVariant = 'rounded',
  image = '',
  url = '',
  ...props
}) {
  return (
    <MuiListItem
      disableRipple
      secondaryAction={renderAction()}
      sx={{ gap: 1 }}
      LinkComponent={url ?? Link}
      to={url}
      {...props}
    >
      {image ? (
        <ListItemAvatar>
          <Avatar
            src={image}
            alt={title}
            variant={avatarVariant}
            sx={{ width: 60, height: 60 }}
          />
        </ListItemAvatar>
      ) : null}

      <ListItemText primary={title} secondary={subheader} />
    </MuiListItem>
  )
}

List.Item = ListItem

export default List