How to use the @uifabric/fluent-theme.SharedColors.red20 function in @uifabric/fluent-theme

const getHeight = () => {
    if (height === null || height === undefined) {
      return '100%';
    }

    return processSize(height);
  };

  let borderColor = NeutralColors.gray120;

  if (hovered) {
    borderColor = NeutralColors.gray160;
  }

  if (isInvalid) {
    borderColor = SharedColors.red20;
  }

  return (
    
      <div style="{{"> setHovered(true)}
        onMouseLeave={() =&gt; setHovered(false)}
      &gt;
        </div>

<div style="{{"> setHovered(true)}
        onMouseLeave={() =&gt; setHovered(false)}
      &gt;
        
      </div>
      {isInvalid &amp;&amp; (
        <div style="{{">
          <span>{errorHelp}</span>
        </div>
      )}
    
  );
}