import ListRow from "./ListRow";
import React from "react";
import { Droppable } from "react-beautiful-dnd";
const ListBody = (props) => {
    const getBody = (provided) => {
        return (React.createElement("div", Object.assign({ ref: provided === null || provided === void 0 ? void 0 : provided.innerRef }, provided === null || provided === void 0 ? void 0 : provided.droppableProps, { id: props.id, className: "space-y-6 p-6 border-t border-gray-200" }), props.data &&
            props.data.map((item, i) => {
                return (React.createElement(ListRow, { key: i, item: item, fields: props.fields, actionButtons: props.actionButtons, dragAndDropScope: props.dragAndDropScope, enableDragAndDrop: props.enableDragAndDrop, dragDropIdField: props.dragDropIdField, dragDropIndexField: props.dragDropIndexField, listDetailOptions: props.listDetailOptions }));
            })));
    };
    if (props.enableDragAndDrop) {
        return (React.createElement(Droppable, { droppableId: props.dragAndDropScope || "" }, (provided) => {
            return getBody(provided);
        }));
    }
    return getBody();
};
export default ListBody;
//# sourceMappingURL=ListBody.js.map