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>
);
}