How to use the @uifabric/styling.FontClassNames.large function in @uifabric/styling

return ;
  }

  return (
    <div>
      {/* top */}
      <div>
        <div>Platform for AI</div>
        <div>
          Sign in
        </div>
      </div>
      {/* content */}
      <div>
        {/* jumbotron */}
        
        {/* bottom */}
        
      </div>
      {/* login modal */}
      </div>

return (
    <div>
      {/* top */}
      <div>
        <div>Platform for AI</div>
        <div>
          Sign in
        </div>
      </div>
      {/* content */}
      <div>
        {/* jumbotron */}
        
        {/* bottom */}
        
      </div>
      {/* login modal */}
      </div>

}}
        >
          <div>
            {/* left */}
            <div>
              {isFailed &amp;&amp; (
                <div>
                  
                </div>
              )}
              <div>
                <span>Task Role:</span>
                <span>{name}</span>
              </div>
              {taskConfig &amp;&amp; (
                
                  
                
              )}</div></div>

<div>
        {/* summary */}
        
          <div>
            {/* left */}
            <div>
              {isFailed &amp;&amp; (
                <div>
                  
                </div>
              )}
              <div>
                <span>Task Role:</span>
                <span>{name}</span>
              </div>
              {taskConfig &amp;&amp; (
                </div></div></div>

result.push(diag);
      result.push('');
    }

    showEditor('Diagnostics', {
      language: 'text',
      value: result.join('\n'),
    });
  };

  return (
    
      
        
          <div style="{{">
            <span style="{{">Retry Index:</span>
            <span>{jobRetry.attemptIndex}</span>
          </div>
        
        
          <div>
            <div style="{{">
              Status:</div></div>

const MonacoModal = ({isOpen, onDismiss, title, monacoProps}) => (
  <div>
    
      <div>
        {title &amp;&amp; (
          <div>
            <div>
              {title}
            </div>
            <div>
              
            </div>
          </div>
        )}
        <div>
          {open &amp;&amp; (
            </div></div></div>

render() {
    return (
      <div>
        <h2>
          {this.props.record.Exception.ClassName}: {this.props.record.Exception.Message}
        </h2>
        <pre>{this.props.record.Exception.StackTrace}</pre>
      </div>
    );
  }
}