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;