|  |  | 
 |  |  | import * as React from 'react'; | 
 |  |  | import { Avatar, Typography } from '@mui/material'; | 
 |  |  | 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; | 
 |  |  | 
 |  |  |                 width, | 
 |  |  |                 height, | 
 |  |  |                 fontSize: height !== 40 ? '0.6rem' : undefined, | 
 |  |  |                 bgcolor: blueGrey[500] | 
 |  |  |                 bgcolor: theme.palette.primary.main, | 
 |  |  |             }} | 
 |  |  |         > | 
 |  |  |             {record.uuid} |