1  import { BaseEdge, getBezierPath, type EdgeProps, type Edge } from '@xyflow/react'
 2  import type { BuilderEdgeData } from '@/features/protocols/builder/protocol-builder-store'
 3  
 4  export function DefaultEdge(props: EdgeProps<Edge<BuilderEdgeData>>) {
 5    const { sourceX, sourceY, targetX, targetY, markerEnd, selected } = props
 6    const [edgePath] = getBezierPath({ sourceX, sourceY, targetX, targetY })
 7  
 8    return (
 9      <BaseEdge
10        path={edgePath}
11        markerEnd={markerEnd}
12        style={{
13          stroke: selected ? '#3b82f6' : '#64748b',
14          strokeWidth: selected ? 3 : 2,
15        }}
16      />
17    )
18  }