import { jsx as _jsx } from "react/jsx-runtime";
import Xarrow from "@appglue/xarrow/lib";
import { FlowConstants } from "../../CommonUI/FlowConstants";
import { FlowStepOutputInstructionType } from "../../Structure/FlowStepOutputInstructions";
export const StepStrategyPathLine = (props) => {
    const { instruction } = props;
    return (_jsx(Xarrow, { start: `path_${instruction.getElementId()}`, end: instruction.getElementId(), color: instruction.strategy === FlowStepOutputInstructionType.END_FLOW
            ? FlowConstants.STEP_PATH_END_COLOR
            : FlowConstants.STEP_PATH_ERROR_COLOR, path: "grid", strokeWidth: 2, headSize: 3, startAnchor: "bottom", endAnchor: [
            {
                position: "left",
                offset: {
                    x: -10,
                },
            },
        ], arrowHeadProps: instruction.strategy === FlowStepOutputInstructionType.END_FLOW
            ? undefined
            : {
                d: "M0 0L5.41 5.17M0 5.41L5.17 0",
                strokeWidth: 2,
                stroke: FlowConstants.STEP_PATH_ERROR_COLOR,
            } }, void 0));
};
//# sourceMappingURL=StepStrategyPathLine.js.map