How to use the @uifabric/styling.ColorClassNames.themePrimary function in @uifabric/styling

content = ;
                } else {
                    content = null; // not matches
                }
            } else if (this.props.products.length > 0) {
                // Caller did not select a product so pick the first product to display metrics
                content = ;
            } else {
                content = null; // No products
            }
        }

        return (
            <div style="{rootStyle}">
                {navItems}
                <div style="{contentStyle}">
                    {content}
                </div>
            </div>
        );
    }

/>
                
              )}
              <div>
                <span>Task Role:</span>
                <span>{name}</span>
              </div>
              {taskConfig &amp;&amp; (
                
                  
                
              )}
              {/* status */}
              <div>
                <div>Status:</div>
                <div>
                  
                </div>
              </div>
            
            {/* right */}
            <div>
              {containerListExpanded ? (
                </div>

<div>
        <div>
          Sign in
        </div>
      </div>
    
  
);