Как назначить стиль в зависимости от значения?

renderCrypto(obj,index){
           const percentColor = obj.percent_change_24h === -2'  ? 'red' : 'rgb(2, 214, 19);
            return(
                <div key={index} className='col-md-3'>
                    <button type="button" className="btn btn-light">
                          <a style={{ color: percentColor }}>({obj.percent_change_24h})%</a>
                    </button>
                </div>
            )}

renderCrypto(obj) {
  const percent = obj.percent_change_24h;
  const color = percent < 0 ? 'red' : 'rgb(2, 214, 19)';

  return (
    <div className='col-md-3'>
      <button type="button" className="btn btn-light">
        <a style={{ color }}>({ percent })%</a>
      </button>
    </div>
  );
}