How to use the office-ui-fabric-react/lib/Spinner.SpinnerSize.large function in office-ui-fabric-react

public render(): JSX.Element {
    return (
      <div>
        </div>

const _renderSpinner = (overlay: boolean) => {
    const spinner = (
      <div>
        
      </div>
    );
    if (overlay) {
      return (
        
          {spinner}
        
      );
    } else {
      return <div>{spinner}</div>;
    }
  };

public render(): React.ReactElement {
    const { appStore, configStore } = this.props;

    if (appStore.isInitializing)
      return ();

    return (
      <div>
        <div>
          <div>{configStore.applicationTitle}</div>
          
        </div>

        {appStore.status === ApplicationStatus.CreateList ?
          <div>
            <div>1) Create List</div>
            
          </div>
          : null
        }
</div>

isBlocking: false,
        styles: { main: { maxWidth: 450 } },
      }}
    >
      <div>{formatMessage('Please log in before continuing.')}</div>
      
         actions.loginUser()} text={formatMessage('Login')} /&gt;
      
    
  );

  if (process.env.COMPOSER_REQUIRE_AUTH) {
    if (!currentUser.sessionExpired &amp;&amp; isLoading) {
      return (
        <div>
          
        </div>
      );
    }
  }

  return (
    
      {sessionExpiredDialog}
      {props.children}
    
  );
};

public render(): React.ReactElement {
    const { loading, error, events } = this.state;
    const { displayMode, title, updateProperty } = this.props;

    return (
      <div>
        
        {loading &amp;&amp;
          }
        {!loading &amp;&amp;
          error &amp;&amp;
          <div>The following error occurred while loading events: <span>{error}</span></div>}
        {!loading &amp;&amp;
          !error &amp;&amp;
          events.length === 0 &amp;&amp;
          <div>No events found</div>}
        {!loading &amp;&amp;
          events.length &gt; 0 &amp;&amp;
          </div>

<div>
              
                More info
              
            </div>
          }
        &gt;
          An error occurred while registering your custom functions.
        
      );
    }

    if (!items) {
      return (
        
          
        
      );
    }

    return (
      <div>
        
          {items.filter(item =&gt; item.status === 'error').length &gt; 0
            ? 'Some of your functions are invalid and cannot be declared. Review and fix the issues.'
            : 'The following functions have been registered successfully.'}
        
        
          {items.map((item, index) =&gt; (
            </div>