title: How to assign a new var based on a disabled/enabled button?
body: <p>Let's say I have a button that is disabled when the condition is false (opacity: 0.3), and enabled when the condition is true (opacity: 1).</p>
  <p>Let's forget about the actual condition for now -- I would like to actually check when the button is disabled (opacity: 0.3) and assign a value to a new variable based on that.</p>
  <p>For example,
  if the button is disabled (opacity: 0.3), then newVar = false.
  if the button is enabled (opacity: 1), then newVar = true.</p>
  <p>How can I achieve that? Below is the code of my current button</p>
  <pre><code>&lt;NextBtn
      orange
      withIcon
      iconStyle={{ width: '9px', height: 'auto' }}
      icon={t.image.icon.bottomChevron_orange}
      event={() =&gt; checkForError('next')}
      className=&quot;buttonNextClass&quot;
      style={
          checkEmptyField() === true
          ? { opacity: 0.3, pointerEvents: 'none' }
          : { opacity: 1 }
      }
      &gt;
      {c('form.content.next')}
  &lt;/NextBtn&gt;
  </code></pre>