From aa90d32a930c4e70746fad789a73ea79aa3e9918 Mon Sep 17 00:00:00 2001
From: alimpens <a.limpens@amsterdam.nl>
Date: Tue, 10 Dec 2024 10:00:52 +0100
Subject: [PATCH] Fix Header in Pages stories

---
 .../src/pages/amsterdam/common/AppHeader.tsx  | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/storybook/src/pages/amsterdam/common/AppHeader.tsx b/storybook/src/pages/amsterdam/common/AppHeader.tsx
index 67d990ee09..3a84ccec61 100644
--- a/storybook/src/pages/amsterdam/common/AppHeader.tsx
+++ b/storybook/src/pages/amsterdam/common/AppHeader.tsx
@@ -1,13 +1,25 @@
-import { Grid, Header, PageMenu } from '@amsterdam/design-system-react'
-import { Alignment as PageMenuStory } from '../../../components/PageMenu/PageMenu.stories'
+import { Header, LinkList } from '@amsterdam/design-system-react'
 
 export const AppHeader = () => (
-  <Grid>
-    <Grid.Cell span="all">
-      <Header
-        links={<PageMenu alignEnd>{PageMenuStory.args?.children}</PageMenu>}
-        menu={<button className="ams-header__menu-button">Menu</button>}
-      />
-    </Grid.Cell>
-  </Grid>
+  <Header
+    noMenuButtonOnWideScreen
+    menuItems={[
+      <Header.MenuLink key="1" href="#" lang="en">
+        English
+      </Header.MenuLink>,
+      <Header.MenuLink key="2" href="#">
+        Mijn Amsterdam
+      </Header.MenuLink>,
+      <Header.MenuLink key="3" href="#" fixed>
+        Zoeken
+      </Header.MenuLink>,
+    ]}
+  >
+    <LinkList className="ams-mb--lg">
+      <LinkList.Link href="#" lang="en">
+        English
+      </LinkList.Link>
+      <LinkList.Link href="#">Mijn Amsterdam</LinkList.Link>
+    </LinkList>
+  </Header>
 )