text: /*
  Copyright (c) 2018-2020 Uber Technologies, Inc.
  
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
  */
  // @flow
  
  import * as React from 'react';
  
  import {
    HeaderNavigation,
    ALIGN,
    StyledNavigationItem as NavigationItem,
    StyledNavigationList as NavigationList,
  } from '../index.js';
  import {Button} from '../../button/index.js';
  import {StyledLink as Link} from '../../link/index.js';
  import Menu from '../../icon/menu.js';
  
  export default function Scenario() {
    return (
      <HeaderNavigation>
        <NavigationList $align={ALIGN.left}>
          <NavigationItem>
            <Menu />
          </NavigationItem>
          <NavigationItem>Uber</NavigationItem>
        </NavigationList>
        <NavigationList $align={ALIGN.center} />
        <NavigationList $align={ALIGN.right}>
          <NavigationItem>
            <Link>Tab Link One</Link>
          </NavigationItem>
          <NavigationItem>
            <Link>Tab Link Two</Link>
          </NavigationItem>
          <NavigationItem>
            <Link>Tab Link Three</Link>
          </NavigationItem>
        </NavigationList>
        <NavigationList $align={ALIGN.right}>
          <NavigationItem>
            <Button>Get started</Button>
          </NavigationItem>
        </NavigationList>
      </HeaderNavigation>
    );
  }
  