"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.RunRuleTableEditor = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const FlowStepEditor_1 = require("../FlowStepEditor");
// import { StyledButton } from "../../../CommonUI/Components/Button";
// import { Layer } from "../../../CommonUI/Components/Layer";
// import { RuleTableBuilder } from "../../../Rule/Table/RuleTable/RuleTableBuilder";
// import { StateManager } from "@appglue/common/dist/Common/StateManager";
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const StepEditUI = ({ step }) => {
    //    const [open, setOpen] = React.useState<boolean>(false);
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
    // <>
    //         <StyledButton color="primary" variant="contained" onClick={() => setOpen(true)}>
    //             Edit {step.name || "Rule Step"}
    //         </StyledButton>
    //
    //         <UILayer
    //             open={open}
    //             maxWidth={false}
    //             fullScreen
    //             padding="0px 0px"
    //             renderUI={() => (
    //                 <RuleTableBuilder
    //                     ruleDefinition={step.executable}
    //                     title={step.executable.title || step.name}
    //                     onRuleCancel={() => {
    //                         setOpen(false);
    //                     }}
    //                     onRuleSave={() => {
    //                         StateManager.changed(step);
    //                         setOpen(false);
    //                     }}
    //                 />
    //             )}
    //             onClose={() => setOpen(false)}
    //         />
    //     </>
    );
};
class RunRuleTableEditor extends FlowStepEditor_1.FlowStepEditor {
    renderEditUI() {
        return (0, jsx_runtime_1.jsx)(StepEditUI, { step: this.stepData });
    }
}
exports.RunRuleTableEditor = RunRuleTableEditor;
//# sourceMappingURL=RunRuleTableEditor.js.map