How to use the baseui/header-navigation.ALIGN.right function in baseui

// Header Navigation

    
        Uber
    
    
    
        
            <button>Get started</button>
        
        
            <button>Get started</button>
        
    
    
        
            <button>Get started</button>
        
    
;

// Heading
Base Web [L1];

    Subtitle [L5]
;
Span;
; // $ExpectError
; // $ExpectError

// Icon

display: 'none',
                          '@media screen and (min-width: 820px)': {
                            display: 'inline-block',
                          },
                        },
                      },
                    }}
                  >
                    Components
                  
                
              
            
          

          
            
               setSearchInputOpen(!searchInputOpen)}
              />
               ({
                      display: 'none',
                      height: $theme.sizing.scale800,
                      [$theme.mediaQuery.small]: {
                        display: 'block',
                      },
                    }),

export default () => (
  
    
      Uber
    
    
    
      
        Tab Link One
      
      
        Tab Link Two
      
    
    
      
        <button>Get started</button>
      
    
  
);

export default () => (
  
    
      Uber
    
    
    
      
        Tab Link One
      
    
    
      
         props.option.id || null}
          onChange={() => {}}
        />
      
    
  
);

export default () => (
  
    
      Uber
    
    
    
      
        Tab Link One
      
    
    
      
        
            props.option && props.option.id ? props.option.id : null
          }
          onChange={() => {}}
        />