|  |  |  | 
|---|
|  |  |  | import * as React from 'react'; | 
|---|
|  |  |  | import { Avatar } from '@mui/material'; | 
|---|
|  |  |  | import { Avatar, Typography } from '@mui/material'; | 
|---|
|  |  |  | import { useRecordContext } from 'react-admin'; | 
|---|
|  |  |  | import { blueGrey } from '@mui/material/colors'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | <Box display="flex" flexDirection="column" alignItems="center"> | 
|---|
|  |  |  | <AgvAvatar /> | 
|---|
|  |  |  | <Box textAlign="center" marginTop={2}> | 
|---|
|  |  |  | <Typography variant="subtitle2"> | 
|---|
|  |  |  | <Typography | 
|---|
|  |  |  | variant="subtitle2" | 
|---|
|  |  |  | color="textSecondary" | 
|---|
|  |  |  | component="div" | 
|---|
|  |  |  | sx={{ fontWeight: 'bold' }} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {record.agvStatus} | 
|---|
|  |  |  | </Typography> | 
|---|
|  |  |  | <Typography variant="overline" sx={{ opacity: .7 }}> | 
|---|