"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TableSettingsGroup = TableSettingsGroup;
var _react = _interopRequireDefault(require("react"));
var _dragAndDropList = require("../../../drag-and-drop-list");
var _tableSettingsItem = require("./table-settings-item");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function TableSettingsGroup({
  groupId,
  groupName,
  columns,
  settings,
  tableContainerWidth,
  onItemMove,
  isReorderEnabled,
  handleKeyboardColumnsReorder,
  localizationText
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "settings-group-container",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "group-header uppercased",
      children: groupName
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "group-items",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dragAndDropList.DragNDropList, {
        data: columns,
        onDataChanged: onItemMove,
        dragItemType: groupId,
        canDrag: () => isReorderEnabled,
        ListItemComponent: _tableSettingsItem.TableSettingsItem,
        additionalListItemProps: {
          settings,
          tableContainerWidth,
          isReorderEnabled,
          handleKeyboardColumnsReorder,
          localizationText
        }
      })
    })]
  });
}