react-full-gallery/image-editor.js

A react image gallery with upload, edit, remove images.

import { jsx as _jsx } from "react/jsx-runtime";
import FilerobotImageEditor, { TABS, TOOLS } from 'react-filerobot-image-editor';
var ImageEditor = function (_a) {
    var imageSrc = _a.imageSrc, imageName = _a.imageName, handleSaveImage = _a.handleSaveImage;
    return (_jsx(FilerobotImageEditor, { source: imageSrc, annotationsCommon: {
            fill: '#00000000',
            strokeWidth: 1,
            stroke: '#ff0000'
        }, onSave: function (savedImageData) { return handleSaveImage(savedImageData.imageBase64, savedImageData.name, savedImageData.extension); }, tabsIds: [TABS.ADJUST, TABS.ANNOTATE, TABS.WATERMARK, TABS.FILTERS, TABS.FINETUNE, TABS.RESIZE], defaultTabId: TABS.ANNOTATE, defaultToolId: TOOLS.TEXT, savingPixelRatio: 4, previewPixelRatio: window.devicePixelRatio, defaultSavedImageName: imageName, Rect: {
            fill: '#00000000'
        } }));
};
export default ImageEditor;