feat(edges): add data and classname props, unify node/edge handling closes #357

example/src/Edges/CustomEdge.js

@@ -1,16 +1,19 @@
 import React from 'react';
 
-export default function CustomEdge({
-  id, sourceX, sourceY, targetX, targetY, label, style = {}
-}) {
+export default function CustomEdge({ id, sourceX, sourceY, targetX, targetY, style = {}, data }) {
   return (
     <>
-      <path id={id} style={style} className="react-flow__edge-path" d={`M ${sourceX},${sourceY}L ${targetX},${targetY}`} />
+      <path
+        id={id}
+        style={style}
+        className="react-flow__edge-path"
+        d={`M ${sourceX},${sourceY}L ${targetX},${targetY}`}
+      />
       <text>
         <textPath href={`#${id}`} style={{ fontSize: '12px' }} startOffset="50%" textAnchor="middle">
-          {label}
+          {data.text}
         </textPath>
       </text>
     </>
   );
-};
+}