How to use the @blueprintjs/core.Position.TOP function in @blueprintjs/core

// toaster.ts
import { Position, Toaster, Intent } from "@blueprintjs/core";

const toaster = Toaster.create({
  position: Position.TOP
});

export const AlertToaster = {
  show({ message }) {
    toaster.show({ message, iconName: "warning-sign", intent: Intent.DANGER });
  }
};

export const SuccessToaster = {
  show({ message }) {
    toaster.show({ message, iconName: "tick-circle", intent: Intent.SUCCESS });
  }
};

message = error.errors['_error'] || error.message;
      } else {
        message = error.message;
      }

      toaster.show({
        icon: 'warning-sign',
        message,
        intent: Intent.DANGER,
      });
    },
  };
}

const injectedToaster = Toaster.create({
  position: Position.TOP,
  className: 'toast',
});

export const toastActions = createToastActions(injectedToaster);

<button>
                    {" or press "}
                    
                

                }
                    onItemSelect={this.handleItemSelect}
                    onClose={this.handleClose}
                /&gt;
                
            
        );
    }
</button>

render() {
        return (
            
                <button>
            
        );
    }
}</button>

import {Position, Toaster} from "@blueprintjs/core";

export const ErrorToaster =
  typeof window !== "undefined"
    ? Toaster.create({
      className: "error-toaster",
      position: Position.TOP
    })
    : null;

type="text"
										value={label.title}
										onChange={handleTitleChange}
									/>
									
													All discussion authors can apply this label.
												
											) : (
												<span>Only managers can apply this label.</span>
											)
										}
										tooltipClassName="bp3-dark"
										position={Position.TOP}
									&gt;
										<button>
									
									</button><button>
								
							);
						})}
				</button>

Label,
    NumericInput,
    Position,
    ProgressBar,
    Switch,
    Toaster,
    ToasterPosition,
} from "@blueprintjs/core";
import { Example, handleBooleanChange, handleStringChange, IExampleProps } from "@blueprintjs/docs-theme";
import { IBlueprintExampleData } from "../../tags/reactExamples";

type IToastDemo = IToastProps & { button: string };

const POSITIONS = [
    Position.TOP_LEFT,
    Position.TOP,
    Position.TOP_RIGHT,
    Position.BOTTOM_LEFT,
    Position.BOTTOM,
    Position.BOTTOM_RIGHT,
];

export class ToastExample extends React.PureComponent, IToasterProps> {
    public state: IToasterProps = {
        autoFocus: false,
        canEscapeKeyClear: true,
        position: Position.TOP,
    };

    private TOAST_BUILDERS: IToastDemo[] = [
        {
            action: {

if (map && config && viewer && invokeCommand) {
            const selectableLayerNames = (map.Layer || [])
                .filter(layer => layer.Selectable && selectableLayers[layer.ObjectId] !== false)
                .map(layer => layer.Name);
            const store = (this.context as any).store;
            const items: any[] = contextmenu != null ? contextmenu.items : [];
            const cmitems = (items || []).map(tb => mapToolbarReference(tb, store, invokeCommand));
            const childItems = processMenuItems(cmitems);
            let xml;
            if (activeSelectedFeature && selection && selection.FeatureSet) {
                xml = getActiveSelectedFeatureXml(selection.FeatureSet, activeSelectedFeature);
            }
            if (config.agentUri) {
                //Praise $DEITY, we can finally return multiple JSX elements in React 16! No more DOM contortions!
                return [
                    ,

if ( !isCollapsed || showLinkPopover ) {

        var selected = getSelected().getRangeAt(0).getBoundingClientRect()
        var container = this.refs.container.getBoundingClientRect()

        var position,
          left = selected.left - container.left,
          center = left + (selected.width / 2),
          third = container.width / 3

        if (center > 2 * third) {
          position = Position.TOP_RIGHT
          left = left - 600 + (selected.width / 2) + 15
        } else if (center > third ) {
          position = Position.TOP
          left = left - 300 + (selected.width / 2)
        } else {
          if (selected.width == 0) {
            left = left - 15
          }
          position = Position.TOP_LEFT
        }

        this.setState({
          showPopover: true,
          popover: {
            top: selected.top - container.top,
            left: left,
            position: position,
            renderContent: showLinkPopover ? this.renderLinkPopover.bind(this) : this.renderPopover.bind(this),
            linkEntity: linkEntity

)
    const ammoTip = (
      <span>
        
        {ship.api_bull} / {$ship.api_bull_max}
        {ammoPercentage &lt; 100 &amp;&amp;
          ` (-${Math.max(
            1,
            Math.floor(($ship.api_bull_max - ship.api_bull) * (ship.api_lv &gt; 99 ? 0.85 : 1)),
          )})`}
      </span>
    )
    return (
      
            <div>{$ship.api_name ? t(`resources:${$ship.api_name}`) : '??'}</div>
            <div>
              Lv. {ship.api_lv || '??'} Next. {(ship.api_exp || [])[1]}
            </div>
          
        }
      &gt;