custom styles on icon to add nodes in between

[vasanthid]

I am following the example https://reaflow.dev/?path=/story/demos-edges--adding and I would like to provide custom styles to the 'Add' component. I looked at the documentation and providing className property doesn't seem to work.

I would like to have 'Add' look like

Is there a way to provide custom styles for 'Add' component?

[vasanthid]

Nvm, I was able to get it working applying styles to line and rect elements.

<Add hidden={false} className='add-on-edge' />

.add-on-edge line {
  stroke: white;
  transform: scale(60%) translateX(5px) translateY(5px);
  stroke-width: 2;
}

.add-on-edge rect:nth-child(even) {
  fill: #505050;
  rx: 50%;
  ry: 50%; 
}