@worksafevictoria/wcl7.5 1.0.0

package/src/components/Global/AppHeader/index.stories.js

@@ -0,0 +1,82 @@
+import AppHeader from './index.vue'
+import { appHeaderData } from '../../../mock/app-header'
+
+const contentParser = () => {
+  return Promise.resolve({
+    results: [
+      {
+        title: 'Content title 1',
+        description: 'Content description 2'
+      }
+    ],
+    offset: 0,
+    numFound: 1000
+  })
+}
+
+
+export default {
+  title: 'Global/AppHeader',
+  component: AppHeader,
+  data() {
+    return {
+      appHeaderData
+    }
+  },
+  argTypes: {
+    headerMenu: {
+      control: 'object',
+      defaultValue: appHeaderData
+    },
+    contentParser: {
+      control: 'function',
+      defaultValue: contentParser,
+      table: { disable: true }
+    },
+    isWorkWell: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    authenticated: {
+      control: 'boolean',
+      defaultValue: false
+    }
+  }
+}
+
+const DefaultContent = (args, { argTypes }) => ({
+  components: { AppHeader },
+  props: Object.keys(argTypes),
+  template: `
+  <div>
+  <app-header
+  v-bind="$props"
+  />
+    <main>
+      <div class="container">
+        <div class="row">
+          <div class="col">
+            {{$props.mainContent}}
+          </div>
+        </div>
+      </div>
+    </main>
+    <footer>
+      <div class="container">
+        <div class="row">
+          <div class="col">
+          {{$props.footerContent}}
+          </div>
+        </div>
+      </div>
+    </footer>
+  </div>
+  `
+})
+
+export const Default = DefaultContent.bind({})
+
+Default.args = {
+  mainContent: 'Some dummy main content required for this example',
+  footerContent: 'Some dummy footer content required for this example'
+}