import { useDroppable } from '@dnd-kit/core';
import { SortableContext } from '@dnd-kit/sortable';
import React from 'react';
import { DNDDroppable } from '../shared/DNDDroppable';
import { useExamTranslation } from '../../i18n';
export const AllDNDOptions = ({ items, renderChildNodes, renderComponentOverrides, answerOptionElements }) => {
    const { setNodeRef } = useDroppable({ id: 'root' });
    const { t } = useExamTranslation();
    return (React.createElement(SortableContext, { items: items },
        React.createElement("span", { className: "droppable-title" }, t('dnd-answers.all-answer-options')),
        React.createElement("span", { ref: setNodeRef },
            React.createElement(DNDDroppable, { renderChildNodes: renderChildNodes, renderComponentOverrides: renderComponentOverrides, questionId: "root", page: "exam", classes: ['root'], answerOptionElements: answerOptionElements }))));
};
//# sourceMappingURL=DNDAllOptions.js.map