"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.XMappingRules = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
const CommonStyles_1 = require("../Builder/CommonStyles");
const ObserveState_1 = require("../../CommonUI/StateManagement/ObserveState");
const ValidationInformation_1 = require("../../Rule/DesignUI/ValidationInformation");
const XMappingRules = (props) => {
    const { definition } = props;
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(XMappingExpressionsRender, { children: [(0, jsx_runtime_1.jsx)(CommonStyles_1.XMappingSectionHeader, { children: "Expressions" }), (0, jsx_runtime_1.jsx)(ObserveState_1.ObserveState, { listenTo: definition, control: () => {
                        return (0, jsx_runtime_1.jsx)(ValidationInformation_1.ValidationInformation, { provider: props.definition });
                    } })] }) }));
};
exports.XMappingRules = XMappingRules;
const XMappingExpressionsRender = styled_components_1.default.div `
    flex: 1;
    position: relative;
`;
//# sourceMappingURL=XMappingRules.js.map