import React, {FC} from "react";
import {Position} from "@xyflow/system";
import {colors} from "./tree/Colors";
import {NodeProps} from "@xyflow/react";
import {Handle} from "./tree/Handle";
import {Anchor} from "./tree/store";
import {NodeWithAnchors} from "./NodeWithAnchors";


export const FirstPassingNodeBranch: FC<NodeProps> = ({id, data, ...props}) => {
    const color = colors.purple

    return <div className={'relative flex items-center space-x-2 h-25 bg-gray-350'}>
        <NodeWithAnchors color={color} data={data}>
            <div>The first passing node here</div>
        </NodeWithAnchors>
    </div>
}