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