Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2945 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log | 

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