In our project we are using CssModules and react-icons. We specifying colors/size and other possible properties thru CSS styles by assigning styleName to icon, which is converted by CssModules to className. With last changes all icons in our project has one color that specified as default for BaseIcon component. The problem is that this default color has bigger priority than color that we specify by setting CSS class name for icon. Guys do you agree that color is better to hold in CSS styles than in React component props?
In our project we are using CssModules and react-icons. We specifying colors/size and other possible properties thru CSS styles by assigning styleName to icon, which is converted by CssModules to className. With last changes all icons in our project has one color that specified as default for BaseIcon component. The problem is that this default color has bigger priority than color that we specify by setting CSS class name for icon. Guys do you agree that color is better to hold in CSS styles than in React component props?