import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { IntersectionRuleColumn } from "./IntersectionRuleColumn";
import { RuleTableIndexColumn, RuleTableHeaderActionColumn, RuleTableHeaderSplit } from "../../DesignUI/CommonStyles";
import { IntersectionRuleResult } from "./IntersectionRuleResult";
export const IntersectionRuleRow = (props) => {
    const { expressions, ruleDefinition, yexpression, y } = props;
    return (_jsxs(_Fragment, { children: [_jsx(RuleTableIndexColumn, Object.assign({ x: 0, y: y + 2 }, { children: y + 1 }), void 0),
            _jsx(IntersectionRuleColumn, { ruleDefinition: ruleDefinition, expression: yexpression, direction: "y", index: props.y }, void 0),
            _jsx(RuleTableHeaderSplit, { width: 1, height: 44, x: 2, y: y + 2 }, void 0),
            expressions.map((exp, index) => (_jsx(IntersectionRuleResult, { ruleDefinition: ruleDefinition, resultCell: ruleDefinition.findResultCellByXY(exp._id, yexpression._id), x: index, y: y }, exp._id))),
            _jsx(RuleTableHeaderActionColumn, {}, void 0)] }, void 0));
};
//# sourceMappingURL=IntersectionRuleRow.js.map