I am using material UI. I have a switch. I want to bring that switch into another component I’m making on a different page. Because of micro-interactions, material UI switches got like 4 states. I like them like that. Now… Those 4 states, in this switch are just for “lights off”; “lights on” has another 4 states.

I don’t want to copy 8 instances into another page and then create a new component group that nests the OGs just so I can prototype this button behavior to do what I want it to do.

@figmahelp; people… How do y’all deal with this. I have to be missing something right? I got my main component. I don’t want to assign attributes to it that aren’t universally applicable (change variable mode). Is there really no other way to manage this other than duplicate duplicate duplicate?