I have created two separate components for Male and Female, each having two variants:

• Default (Unselected state)
• Selected (Pressed state)

Problem:

When viewing in Prototype mode, if I click on Male, it changes to the Selected state, but Female remains in Default (which is fine). However, if I then click on Female, both remain selected instead of Male switching back to Default.

Goal:

How can I ensure that selecting one option automatically deselects the other? I want only one variant (Male or Female) to be selected at a time while navigating the prototype.