|  |  | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <Card sx={{ width: { xs: 300, sm: 500, md: 600, lg: 800 }, margin: 'auto' }}> | 
 |  |  |             <Card sx={{ width: { xs: 300, sm: 500, md: 600, lg: 1400 }, margin: 'auto' }}> | 
 |  |  |                 <CardContent> | 
 |  |  |                     <Grid container spacing={2}> | 
 |  |  |                         <Grid item xs={12} sx={{ display: 'flex', justifyContent: 'space-between' }}> | 
 |  |  | 
 |  |  |                     </Grid> | 
 |  |  |                     <Box height={20}> </Box> | 
 |  |  |                     <Grid container spacing={2}> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.name"  | 
 |  |  |                                 property={record.name} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.code"  | 
 |  |  |                                 property={record.code} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.shipperId"  | 
 |  |  |                                 property={record.shipperId$} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.groupId"  | 
 |  |  |                                 property={record.groupId$} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.rglarId"  | 
 |  |  |                                 property={record.rglarId$} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.erpCode"  | 
 |  |  |                                 property={record.erpCode} | 
 |  |  |                                 title="table.field.matnr.platCode" | 
 |  |  |                                 property={record.platCode} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.spec"  | 
 |  |  |                                 property={record.spec} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.model"  | 
 |  |  |                                 property={record.model} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.weight"  | 
 |  |  |                                 property={record.weight} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.color"  | 
 |  |  |                                 property={record.color} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.size"  | 
 |  |  |                                 property={record.size} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.describle"  | 
 |  |  |                                 property={record.describle} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.nromNum"  | 
 |  |  |                                 property={record.nromNum} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.unit"  | 
 |  |  |                                 property={record.unit} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.purUnit"  | 
 |  |  |                                 property={record.purUnit} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.stockUnit"  | 
 |  |  |                                 property={record.stockUnit} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.stockLevel"  | 
 |  |  |                                 property={record.stockLevel$} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.isLabelMange"  | 
 |  |  |                                 property={record.isLabelMange$} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.safeQty"  | 
 |  |  |                                 property={record.safeQty} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.minQty"  | 
 |  |  |                                 property={record.minQty} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.maxQty"  | 
 |  |  |                                 property={record.maxQty} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.stagn"  | 
 |  |  |                                 property={record.stagn} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.valid"  | 
 |  |  |                                 property={record.valid} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.validWarn"  | 
 |  |  |                                 property={record.validWarn} | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6}> | 
 |  |  |                         <Grid item xs={3}> | 
 |  |  |                             <PanelTypography | 
 |  |  |                                 title="table.field.matnr.flagCheck"  | 
 |  |  |                                 property={record.flagCheck} |