This is my button:

<button
        className="inline-flex items-center justify-center w-9 h-9 border-0 outline-0 bg-transparent cursor-pointer
        hover:bg-vivense-gray-100 transition ease-in-out duration-300"
        disabled={disabledIncrementButton}
        onClick={increment}
        
      >

I want to add bg-vivense-gray-100 to className according to the value “disabledIncrementButton”.

For example, if disabledIncrementButton is true, then add bg-vivense-gray-100 to className;

<button
        **className={`inline-flex items-center justify-center w-9 h-9 border-0 outline-0 bg-transparent cursor-pointer
        hover:bg-vivense-gray-100 transition ease-in-out duration-300` ${disabledIncrementButton} ?? bg-vivense-gray-100}**
        disabled={disabledIncrementButton}
        onClick={increment}
    
      >