"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UIDiffLayer = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_diff_viewer_1 = tslib_1.__importDefault(require("@mockingjay-io/react-diff-viewer"));
const material_1 = require("@mui/material");
const UILayer_1 = require("./UILayer");
function UIDiffLayer(props) {
    return ((0, jsx_runtime_1.jsx)(UILayer_1.UILayer, { fullScreen: true, fullWidth: true, showCloseButton: true, open: props.open, onClose: props.onClose, renderTitleUI: () => {
            return (0, jsx_runtime_1.jsx)(material_1.Typography, { style: { padding: "20px" }, children: props.title });
        }, renderUI: () => {
            return ((0, jsx_runtime_1.jsx)(material_1.Box, { padding: "20px", display: "flex", children: (0, jsx_runtime_1.jsx)(react_diff_viewer_1.default, { showDiffOnly: false, splitView: true, leftTitle: props.atitle, oldValue: props.a, rightTitle: props.btitle, newValue: props.b }) }));
        } }));
}
exports.UIDiffLayer = UIDiffLayer;
//# sourceMappingURL=UIDiffLayer.js.map