import { useDispatch, useSelector } from 'react-redux';
import { SlideTransition } from '@filerobot/common';
import { bulkEditPanelOpened, selectShowBulkEditPanelFor } from '../../slices/panels.slice';
import BulkEdit from './BulkEdit';
import { jsx as _jsx } from "react/jsx-runtime";
var transitionStyle = {
  width: '100%',
  height: '100%',
  maxHeight: 'unset',
  maxWidth: 'unset'
};
var BulkEditPanel = function BulkEditPanel(_ref) {
  var zIndex = _ref.zIndex;
  var dispatch = useDispatch();
  var showBulkEditPanelFor = useSelector(selectShowBulkEditPanelFor);
  var closeBulkEditPanel = function closeBulkEditPanel() {
    return dispatch(bulkEditPanelOpened(null));
  };
  return /*#__PURE__*/_jsx(SlideTransition, {
    transitionStyle: transitionStyle,
    zIndex: zIndex,
    handleClose: closeBulkEditPanel,
    children: showBulkEditPanelFor && /*#__PURE__*/_jsx(BulkEdit, {
      assetsIdsOrUuids: showBulkEditPanelFor
    })
  });
};
export default BulkEditPanel;