import * as React from 'react'; 
 | 
import { Stack, Chip } from '@mui/material'; 
 | 
import { useTranslate, useRecordContext } from 'react-admin'; 
 | 
  
 | 
const WarehouseAreaField = () => { 
 | 
    const translate = useTranslate(); 
 | 
    const record = useRecordContext(); 
 | 
  
 | 
    React.useEffect(() => { 
 | 
  
 | 
    }, [record]); 
 | 
  
 | 
    return ( 
 | 
        <Stack direction="row" gap={1} flexWrap="wrap"> 
 | 
            {record.areaIds?.map((item, idx) => { 
 | 
                if (item) { 
 | 
                    return <Chip 
 | 
                        size="small" 
 | 
                        key={item.id} 
 | 
                        label={item.id} 
 | 
                    />; 
 | 
                } 
 | 
            })} 
 | 
        </Stack> 
 | 
    ) 
 | 
} 
 | 
  
 | 
export default WarehouseAreaField; 
 |