How to use the @bentley/ui-ninezone.Direction.Right function in @bentley/ui-ninezone

}
    />;

  private _verticalToolbar =
    
          
        
      }
    />;

  public render() {
    return (

}
      />;

    const verticalToolbar =
      
            
            
            
          
        }
      />;

class FrontstageNavigationWidget extends React.Component {

  private _horizontalToolbar =
    
          
          
        
      }
    />;

  private _verticalToolbar =
    
          
          
        
      }
    />;

  public render() {
    return (
      
    );

}
      />;

    const verticalToolbar =
      
            
            
            
            
            
          
        }
      />;

    return (
      
    );
  }

}
    />;

  private _verticalToolbar =
    
          
          
          
          
        
      }
    />;

  public render() {

constructor(def: ToolbarWidgetProps) {
    super(def);

    this.horizontalDirection = (def.horizontalDirection !== undefined) ? def.horizontalDirection : Direction.Bottom;
    this.verticalDirection = (def.verticalDirection !== undefined) ? def.verticalDirection : Direction.Right;

    this.horizontalPanelAlignment = ToolbarPanelAlignment.Start;
    this.verticalPanelAlignment = ToolbarPanelAlignment.Start;

    this.horizontalItems = def.horizontalItems;
    this.verticalItems = def.verticalItems;
  }

constructor(props: ToolWidgetProps) {
    super(props);

    this._appButton = props.appButton;

    this.widgetType = WidgetType.Tool;
    this.verticalDirection = (props.verticalDirection !== undefined) ? props.verticalDirection : Direction.Right;

    const activeStageName = FrontstageManager.activeFrontstageDef ? FrontstageManager.activeFrontstageDef.id : "";
    this.widgetBaseName = `[${activeStageName}]ToolWidget`;
  }