Trying to make an Icon component a little more modular by allowing a prop for palette level to be passed. Here is the original:
color: ${ifProp('palette', palette({ grayscale: 0 }, 3), 'currentcolor')};
and here is what I am trying to change it to:
color: ${ifProp('palette', palette({ grayscale: 0 }, **prop('paletteLevel')**), 'currentcolor')};
however this doesn't work for me. Should the function prop('paletteLevel') not evaluate to the prop I pass in (2 in this case)?
Trying to make an Icon component a little more modular by allowing a prop for palette level to be passed. Here is the original:
and here is what I am trying to change it to:
however this doesn't work for me. Should the function prop('paletteLevel') not evaluate to the prop I pass in (2 in this case)?