Proyectos de Subversion LeadersLinked - SPA

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

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 (
    <ListItemButton
      disableRipple
      secondaryAction={renderAction()}
      sx={{ gap: 1 }}
      LinkComponent={url && Link}
      to={url}
      {...props}
    >
      {image ? (
        <ListItemAvatar>
          <Avatar src={image} alt={title} variant={avatarVariant} />
        </ListItemAvatar>
      ) : null}

      <ListItemText primary={title} secondary={subheader} primaryTypographyProps={{}} />
    </ListItemButton>
  );
}

List.Item = ListItem;

export default List;