import { useDispatch, useSelector } from 'react-redux';
import { SlideTransition } from '@filerobot/common';
import { fileWindowUpdated, selectFileWindowFor } from '../../slices/panels.slice';
import FileWindow from './FileWindow';
import { selectCurrentFileByIdOrUuid } from '../../slices/files.slice';
import { jsx as _jsx } from "react/jsx-runtime";
var transitionStyle = {
  width: '100%',
  height: '100%',
  maxHeight: 'unset',
  maxWidth: 'unset'
};
var FileWindowPanel = function FileWindowPanel(_ref) {
  var zIndex = _ref.zIndex;
  var dispatch = useDispatch();
  var originalFile = useSelector(function (state) {
    return selectCurrentFileByIdOrUuid(state, selectFileWindowFor(state));
  });
  var handleClose = function handleClose() {
    dispatch(fileWindowUpdated(null));
  };
  return /*#__PURE__*/_jsx(SlideTransition, {
    transitionStyle: transitionStyle,
    zIndex: zIndex,
    handleClose: handleClose,
    children: originalFile && /*#__PURE__*/_jsx(FileWindow, {
      originalFile: originalFile
    })
  });
};
export default FileWindowPanel;