The SecondaryNavigation shows the page title and and optional tab navigation.

<!--
### Usage with react
```js
import { SecondaryNavigation } from '@wfp/ui';
```

```js
<SecondaryNavigation additional="additional Information">
    <Breadcrumb>
      <BreadcrumbItem>
        <a href="/#">
          <BreadcrumbHome />
        </a>
      </BreadcrumbItem>
      <BreadcrumbItem href="#">Breadcrumb 2</BreadcrumbItem>
      <BreadcrumbItem href="#">Breadcrumb 3</BreadcrumbItem>
    </Breadcrumb>
    <SecondaryNavigationTitle>The Page Title</SecondaryNavigationTitle>
    <Tabs {...props.tabs} customTabContent={true}>
      <Tab {...props.tab} label="Tab label 1" href="http://www.de.wfp.org" />
      <Tab {...props.tab} label="Tab label 2" href="http://www.es.wfp.org" />
      <Tab {...props.tab} label="Tab label 3" href="http://www.us.wfp.org" />
      <Tab {...props.tab} label="Tab label 4" href="http://www.fr.wfp.org" />
    </Tabs>
</SecondaryNavigation>
```
-->
