How to use the office-ui-fabric-react.DialogType.normal function in office-ui-fabric-react

public render(): React.ReactElement {
		return (
			<div>
				<dialog hidden="{this.state.hideDialog}">
					
						</dialog></div>

style:{backgroundColor: '#1fe0' },
                menuIconProps: { iconName: '' },
                menuProps:{
                  items: [

                    {
                      key: '1',
                      text: strings.RemoveLabel,
                      iconProps: { iconName: 'Delete' },
                      onClick: this._onClickDeleteTask.bind(this)
                    }
                  ]
                },
                checked: true
            }],
            type: DialogType.normal,
            title: !this.state.isLoading ?  : ''
          }}
          modalProps={{
            isBlocking: false,
            styles: jsStyles.modalStyles
            //  topOffsetFixed: true
          }}>
          {this.state.isLoading ? (
            
          ) : (
            <>

public render(): React.ReactElement {
    return (
      <div>
        <dialog hidden="{this.state.hideDialog}">
          {this.state.isloading ? (
            <div style="{{">
            
            </div>
          ) : (
            &lt;&gt;
              {this.state.hasError &amp;&amp; {this.state.messageError}}
              <div style="{{">
              <label>{this.state.messageInfo}</label></div></dialog></div>

.addStory('Blocking', () => (
    <dialog hidden="{false}">
      {footer}
    </dialog>
  ));

() => (
      <dialog hidden="{false}">
        {footer}
      </dialog>
    ),
    { rtl: true }

];

  return (
    <div>
      
      <dialog hidden="{!revokeToken}"> setRevokeToken(null)}
        dialogContentProps={{
          type: DialogType.normal,
          title: 'Revoke Token',
        }}
        modalProps={{
          isBlocking: true,
        }}
        minWidth={400}
      &gt;
        <div>Are you sure you want to revoke the selected token?</div>
        
           {
              setProcessing(true);
              onRevoke(revokeToken).finally(() =&gt; {
                setRevokeToken(null);
                setProcessing(false);
              });</dialog></div>

}
                <dialog hidden="{!dialogVisible}">
                  
                    {loadingSubscription ?</dialog>

)
        }}
      

      <dialog hidden="{!deploymentDialogVisible}">

        </dialog>

settings_key={this.state.selected_menu}
                    powertoy={this.state.settings.powertoys[this.state.selected_menu]}
                    on_change={this.on_setting_change}
                    ref={(input:any) => {this.settings_screen_ref = input;}}
                    />
                }
              })()
            }
            
          
        
        <dialog hidden="{!this.state.show_save_discard_dialog}">
          </dialog>

public render(): JSX.Element {
        if (!this.props.isFirstTime) {
            return null;
        }
        return (
            <dialog hidden="{false}">
                <div>
                    
                </div>
                <div>
                    </div></dialog>