|  |  | 
 |  |  |         <> | 
 |  |  |             <Box m={2}> | 
 |  |  |                 <AgvMainDetail record={record} /> | 
 |  |  |                 <Divider sx={{ m: 2 }} /> | 
 |  |  |                 <Divider sx={{ mt: 2, mb: 2 }} /> | 
 |  |  |                 <AgvMoreDetail record={record} /> | 
 |  |  |                 <Divider sx={{ m: 2 }} /> | 
 |  |  |                 <Divider sx={{ mt: 2, mb: 2 }} /> | 
 |  |  |                 <AgvModelDetail record={record} /> | 
 |  |  |             </Box> | 
 |  |  |         </> | 
 |  |  | 
 |  |  |  | 
 |  |  | const DetailValue = ({ value }) => { | 
 |  |  |     return ( | 
 |  |  |         <Typography variant="body2"> | 
 |  |  |         <Typography | 
 |  |  |             variant="body2" | 
 |  |  |             width='80%' | 
 |  |  |             sx={{ | 
 |  |  |                 wordWrap: 'break-word', | 
 |  |  |                 whiteSpace: 'normal', | 
 |  |  |             }} | 
 |  |  |         > | 
 |  |  |             {value} | 
 |  |  |         </Typography> | 
 |  |  |     ) | 
 |  |  | 
 |  |  | } | 
 |  |  | const AgvModelDetail = ({ record }) => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     console.log(record); | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <Grid container spacing={1} sx={{ maxWidth: GRID_CONTAINER_MAX_WIDTH }}> | 
 |  |  |             <Grid item xs={ITEM_COL}> |