17 lines
591 B
TypeScript
17 lines
591 B
TypeScript
'use client'
|
|
|
|
import { Handle, Position, type NodeProps } from '@xyflow/react'
|
|
|
|
export default function PipeNode({ data }: NodeProps) {
|
|
return (
|
|
<div className="flow-node border-zen/20">
|
|
<Handle type="target" position={Position.Left} className="!bg-zen/40 !w-3 !h-3" />
|
|
<Handle type="source" position={Position.Right} className="!bg-zen/40 !w-3 !h-3" />
|
|
<div className="text-center">
|
|
<div className="text-zen/50 text-lg mb-1">⟷</div>
|
|
<div className="text-zen/60 text-xs font-mono">{(data as any).label || 'Pipe'}</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|