How to use the @blueprintjs/core.Alignment.LEFT function in @blueprintjs/core

public render() {
    // return (
    //   <button> AppToaster.show({ message: "Toasted" })}
    //     text="show toast"
    //   /&gt;
    // )
    return (
      
        
          NextEditor
          

          }
            position={Position.BOTTOM_LEFT}
            minimal={true}
          &gt;
            </button><button>
          
        
        
          </button><button>
        
      
    )</button>

/>
        
      );
    } else {
      body = (
        
      );
    }

    return (
      <>
        
          
             history.push("/")}>
              <img style="{{" src="{navBarImage}">
            
            
            
               {
                  history.push(`/${pipeline.name}/${selectedTab.slug}`);
                }}
              /&gt;
              {selectedPipeline &amp;&amp; }
              {selectedPipeline &amp;&amp; (
                
                  {TABS.map(({ slug, title }) =&gt; (

onClick: () => {
      if (breadcrumbItem.href) push(breadcrumbItem.href)
    },
    href: undefined,
  }))

  const handleSignOut = async () => {
    await signOut()
    TopToaster.showSuccessToast('Signed Out')
  }
  const handleMyAccount = () => push('/account')
  const handleSetting = () => push('/setting')

  return (
    
      
        
          UGrade
        
        
        
      
      
        
              <menuitem>
              <menuitem>
              <menuitem>
            
          }</menuitem></menuitem></menuitem>

renderControls={() => [
          
            
            
            World Viewer
          
        ]}
        worldMap={this.state.worldMap}

const NavigationBar: React.SFC<{}> = () => (
  
    
      
        
        <div>Announcements</div>
      

      
        
        <div>Assessments</div>

render() {
        return (
            <div>
                
                    
                        
                            <div>
                                <div>
                                    <img src="{LOGO}/">
                                </div>
                                <div>
                                    TWISTER2
                                </div>
                            </div>
                        
                        
                        <button>
                    
                    
                        </button></div>

render() {
    return (
      
        
          <img alt="Logo" src="{logo}">
          PyMedPhys
          
          <button>
        
        
          
          
        
      
    )</button>

)(function GlobalHeaderImpl(props) {
  return (
    
      
        
          
        
        

        }
          position={Position.BOTTOM_LEFT}
          minimal={true}
          lazy={false}
        >
          <button>
        

        }</button>

const { onChange, ...inputProps } = this.props.input;

    return (
      
        
          <button data-key="{inputProps.name}">
        
      
    );
  }
</button>

public render() {
        const { align, allowCenter = true, label = "Align text" } = this.props;
        return (
            <div>
                {label}
                
                    <button>
                    {allowCenter &amp;&amp; (
                        </button><button align="==">
                    )}
                    </button><button>
                
            </button></div>
        );
    }