// ** MUI Imports import Box from '@mui/material/Box' import Badge from '@mui/material/Badge' import Avatar from '@mui/material/Avatar' import { styled } from '@mui/material/styles' // Styled component for badge content area const BadgeContentSpan = styled('span')(({ theme }) => ({ width: 8, height: 8, borderRadius: '50%', backgroundColor: theme.palette.success.main, boxShadow: `0 0 0 2px ${theme.palette.background.paper}` })) const AvatarsWithBadge = () => { return ( } anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }} > `2px solid ${theme.palette.background.paper}` }} /> } > ) } export default AvatarsWithBadge