wip: multiple edge renderers

example/src/Basic/index.tsx

@@ -28,7 +28,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4' },
     position: { x: 100, y: 200 },
     className: 'light',
-    style: { backgroundColor: 'rgba(255, 0, 0, .2)' },
+    style: { backgroundColor: 'rgba(255, 0, 0, 1)' },
     width: 600,
     height: 300,
   },
@@ -44,7 +44,7 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4b' },
     position: { x: 80, y: 80 },
     className: 'light',
-    style: { backgroundColor: 'rgba(255, 0, 0, .2)' },
+    style: { backgroundColor: 'rgba(255, 255, 0, 0.2)' },
     parentNode: '4',
     height: 200,
     width: 350,