'use client';

import React, { memo } from 'react';
import { Edge, EdgeTypes } from '@xyflow/react';
import { GradientEdge } from '../edges/GradientEdge';

const edgeTypes: EdgeTypes = {
  gradient: GradientEdge,
  default: GradientEdge,
};

interface CanvasEdgesProps {
  edges: Edge[];
}

function CanvasEdgesComponent({ edges }: CanvasEdgesProps) {
  // This component is used to define edge types
  // Actual edge rendering is handled by ReactFlow in CanvasNodes
  return null;
}

export { edgeTypes };
export const CanvasEdges = memo(CanvasEdgesComponent);
