import { useDispatch, useSelector } from 'react-redux';
import { usePlugin } from '@filerobot/core/lib/hooks';
import { PLUGINS_IDS } from '@filerobot/utils/lib/constants';
import { SlideTransition } from '@filerobot/common';
import { imageEditorOpened, selectImageEditor } from '../../slices/panels.slice';
import { jsx as _jsx } from "react/jsx-runtime";
var ImageEditorPanel = function ImageEditorPanel(_ref) {
  var zIndex = _ref.zIndex;
  var dispatch = useDispatch();
  var imageEditor = usePlugin(PLUGINS_IDS.IMAGE_EDITOR);
  var _useSelector = useSelector(selectImageEditor),
    file = _useSelector.file,
    mode = _useSelector.mode,
    showBackButton = _useSelector.showBackButton,
    hideSavingOptions = _useSelector.hideSavingOptions;
  if (!imageEditor) {
    return null;
  }
  var closeEditor = function closeEditor() {
    return dispatch(imageEditorOpened(null));
  };
  return /*#__PURE__*/_jsx(SlideTransition, {
    zIndex: zIndex,
    handleClose: closeEditor,
    children: file && /*#__PURE__*/_jsx(imageEditor.render, {
      file: file,
      mode: mode,
      showBackButton: showBackButton,
      hideSavingOptions: hideSavingOptions
    })
  });
};
export default ImageEditorPanel;