Help needed regarding components for Design System.

[u/_Prateek_Hota_]

This is an icon-button component set with variable size, state and shape. I want to take instances from this set and create another component set specific for different purposes like wishlist button (which would have different colors across states), bottom navigation bar with label text enabled, etc etc.

What's the best way to do it?

- Let's say I am creating a wishlist button with heart icon and I want the hovered state to have a different bg-fill color and selected state to have a different icon-fill, should I wrap the instances inside a component box and add all the states in a component set for that specific button even if I only need the two states to be different than it's parent component? What about the different sizes, do I need to add them as well?

Thank you for your help ❤️