drop header inside Header, and set it in PageLayout

Author: grahamc

src/Header/index.tsx

@@ -10,7 +10,7 @@ export interface HeaderProps {
 
 const Header: FC<HeaderProps> = ({ logo, elements = [] }) => {
   return (
-    <header className="header" role="banner">
+    <div className="header">
       <div className="header__container">
         {!!logo && <div className="header__logo">{logo}</div>}
 
@@ -22,7 +22,7 @@ const Header: FC<HeaderProps> = ({ logo, elements = [] }) => {
           </div>
         )}
       </div>
-    </header>
+    </div>
   );
 };
 

src/PageLayout/PageLayout.stories.tsx

@@ -53,6 +53,15 @@ export const FleshedOut: Story = {
           <Navigation
             key="nav"
             elements={[
+              <a key="docs" href="#">
+                Docs
+              </a>,
+              <a key="flakes" href="#">
+                Flakes
+              </a>,
+              <a key="orgs" href="#">
+                Orgs
+              </a>,
               <Placeholder key="lorem" height="100%" label="Lorem" />,
               <Placeholder key="ipsum" height="100%" label="Ipsum" />,
             ]}