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