Proyectos de Subversion LeadersLinked - SPA

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

export const ListItem = ({ image, title, subtitle, url, onClick, renderAction }) => {
  return (
    <MuiListItem disablePadding disableRipple>
      <ListItemButton
        disableRipple
        onClick={onClick}
        LinkComponent={url ? Link : undefined}
        to={url || undefined}
      >
        <ListItemAvatar>
          <Avatar alt={`${title} image`} src={image} />
        </ListItemAvatar>

        <ListItemText primary={title} secondary={subtitle} />

        <ListItemSecondaryAction>{renderAction && renderAction()}</ListItemSecondaryAction>
      </ListItemButton>
    </MuiListItem>
  );
};