Proyectos de Subversion LeadersLinked - SPA

Rev

Autoría | Ultima modificación | Ver Log |

import React from 'react';
import { Badge, IconButton, Avatar as MuiAvatar } from '@mui/material';
import { Edit } from '@mui/icons-material';

export function Avatar({
  src,
  alt,
  edit = false,
  badgeStyle = {},
  style = {},
  size = 150,
  onEdit = () => {}
}) {
  return (
    <Badge
      badgeContent={
        edit && (
          <IconButton color='secondary' onClick={onEdit}>
            <Edit />
          </IconButton>
        )
      }
      sx={{
        borderRadius: '50%',
        '& .MuiBadge-badge': {
          top: '20px',
          right: '20px'
        },
        ...badgeStyle
      }}
    >
      <MuiAvatar src={src} alt={alt} sx={{ width: size, height: size, ...style }} />
    </Badge>
  );
}