|  |  | 
 |  |  | } from '../constants'; | 
 |  |  | import ShelfInsight from './shelf'; | 
 |  |  | import AgvInsight from './agv'; | 
 |  |  | import PointInsight from './point'; | 
 |  |  |  | 
 |  |  | const Insight = (props) => { | 
 |  |  |     const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH } = props; | 
 |  |  | 
 |  |  |                     }}> | 
 |  |  |                         <Stack direction="row" p={2} pt={3}> | 
 |  |  |                             <Typography variant="h6" flex="1"> | 
 |  |  |                                 {title || translate('page.map.insight.title')} | 
 |  |  |                                 {title || ''} | 
 |  |  |                             </Typography> | 
 |  |  |                             <IconButton onClick={handleClose} size="small"> | 
 |  |  |                                 <CloseIcon /> | 
 |  |  | 
 |  |  |                                             /> | 
 |  |  |                                         </> | 
 |  |  |                                     )} | 
 |  |  |  | 
 |  |  |                                     {deviceType === DEVICE_TYPE.POINT && ( | 
 |  |  |                                         <> | 
 |  |  |                                             <PointInsight | 
 |  |  |                                                 sprite={sprite} | 
 |  |  |                                                 setTitle={setTitle} | 
 |  |  |                                             /> | 
 |  |  |                                         </> | 
 |  |  |                                     )} | 
 |  |  |                                 </CardContent> | 
 |  |  |                             </Card> | 
 |  |  |                         </Box> |