Examples:

Logged Out:

```js
<div style={{height: '350px', width: '100%', overflow: 'hidden'}}>
  <Header
    me={null}
    tabs={[
      { text: 'Home', href: '#', active: true },
      { text: 'Browse A', href: '#' },
      { text: 'Browse B', href: '#' },
    ]}

  />
  <p>Logged Out Header, no profile picture; scroll up if not visible</p>
</div>
```

Logged in:

```js
<div style={{height: '350px', width: '100%', overflow: 'hidden'}}>
  <Header
    me={{
      slug: 'tina-belcher',
      memberType: '',
      name: 'Tina Belcher',
      title: 'Ms',
      jobTitle: null,
      organization: null,
      alumnum: false,
      expertise: [],
      sector: 'gov',
      image: {
        full: 'https://i.kym-cdn.com/photos/images/original/000/627/331/cdc.gif',
        title: 'Tina Belcher',
        thumbnail: 'https://i.kym-cdn.com/photos/images/original/000/627/331/cdc.gif',
      },
      location: {},
      contactStatus: null,
      visibility: ''
    }}
    tabs={[
      { text: 'Home', href: '#', active: true },
      { text: 'Browse A', href: '#' },
      { text: 'Browse B', href: '#' },
    ]}

  />
  <p>Logged In Header; scroll up if not visible</p>
</div>
```

Logged in, no pic:

```js
<div style={{height: '350px', width: '100%', overflow: 'hidden'}}>
  <Header
    me={{
      slug: 'tina-belcher',
      memberType: '',
      name: 'Tina Belcher',
      title: 'Ms',
      jobTitle: null,
      organization: null,
      alumnum: false,
      expertise: [],
      sector: 'gov',
      image: {
        full: 'https://not-a-real-image.localhost',
        title: 'Tina Belcher',
        thumbnail: 'https://not-a-real-image.localhost',
      },
      location: {},
      contactStatus: null,
      visibility: ''
    }}
    tabs={[
      { text: 'Browse A', href: '#' },
      { text: 'Browse B', href: '#' },
    ]}
    profileMenuItems={[
      { text: 'View Profile', href: '#' },
      { text: 'Edit Profile', href: '#', active: true },
      { text: 'Connect with People', href: '#' },
      { text: 'Messages', href: '#' },
      { text: 'Account Settings', href: '#' },
      { text: 'LogOut', href: '#' },
    ]}
  />
    <p>Logged In Header, no profile picture; scroll page if not visible</p>
</div>
```