infinity-forge
Version:
22 lines • 1.17 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CropImage = CropImage;
var jsx_runtime_1 = require("react/jsx-runtime");
var ui_1 = require("../../../../../../ui/index.js");
var styles_1 = require("./styles.js");
var crop_interface_1 = require("./components/crop-interface/index.js");
var crop_styles_1 = require("./components/crop-styles/index.js");
function CropImage(_a) {
var file = _a.file, setFile = _a.setFile, onApplyCrop = _a.onApplyCrop;
var handleCancel = function () {
setFile(null);
};
var handleApplyCrop = function (croppedFile) {
if (onApplyCrop) {
onApplyCrop(croppedFile);
}
setFile(null);
};
return ((0, jsx_runtime_1.jsxs)(ui_1.Modal, { hideCloseButton: true, stylesContent: styles_1.modalStyles.content, styles: styles_1.modalStyles.modal, open: !!file, onClose: handleCancel, children: [(0, jsx_runtime_1.jsx)(crop_styles_1.CropGlobalStyles, {}), (0, jsx_runtime_1.jsx)(crop_interface_1.CropInterface, { file: file, onCancel: handleCancel, onError: function () { }, onApplyCrop: handleApplyCrop })] }));
}
//# sourceMappingURL=index.js.map