import * as React from 'react'; 
 | 
import { Avatar, Typography, useTheme } from '@mui/material'; 
 | 
import { useRecordContext } from 'react-admin'; 
 | 
import { blueGrey } from '@mui/material/colors'; 
 | 
  
 | 
export const AgvAvatar = (props) => { 
 | 
    const theme = useTheme(); 
 | 
    const { width = 40, height = 40 } = props; 
 | 
    const record = useRecordContext(props); 
 | 
    if (!record) return null; 
 | 
    return ( 
 | 
        <Avatar 
 | 
            src={record.img?.src} 
 | 
            alt={record.uuid} 
 | 
            sx={{ 
 | 
                '& img': { objectFit: 'contain' }, 
 | 
                width, 
 | 
                height, 
 | 
                fontSize: height !== 40 ? '0.6rem' : undefined, 
 | 
                bgcolor: theme.palette.primary.main, 
 | 
            }} 
 | 
        > 
 | 
            {record.uuid} 
 | 
        </Avatar> 
 | 
    ); 
 | 
}; 
 |