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 LoopEdge(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 ? '#06b6d4' : '#0d9488',
14          strokeWidth: selected ? 3 : 2,
15          strokeDasharray: '5,5',
16        }}
17      />
18    )
19  }