Subscribe to scope events in React + Shadow DOM components?

Question

React

Hey! I would be grateful if you give me a couple of ideas if you have them!
In general, I have 3 components (modules):
1) A general module that displays the other two
2) A module with two buttons (show and hide)
3) A card that is shown or hidden depending on the button pressed

A module with buttons and a card implemented as custom tags with shadow DOM.
That is, they are added to the page simply as tags. And I note that both buttons go with one tag.
How can I bind a button click and a card in a shared module? Any ideas?
I'm writing the whole thing in React.