import { Canvas, Description, Meta, Story } from "@storybook/addon-docs"
import VHeaderInternal from "~/components/VHeader/VHeaderInternal.vue"
import VModalTarget from "~/components/VModal/VModalTarget.vue"

<Meta title="Components/VHeader/VHeaderInternal" component={VHeaderInternal} />

export const Template = (args) => ({
  template: `<div class="fixed inset-0 w-full h-full"><VHeaderInternal v-bind="args" v-on="args" /><VModalTarget /></div>`,
  components: { VHeaderInternal, VModalTarget },
  setup() {
    return { args }
  },
})

# VHeaderInternal

<Description of={VHeaderInternal} />

The header component used on non-search pages. Fixed on scroll. Has links to the
internal pages.

<Canvas>
  <Story name="Default">{Template.bind({})}</Story>
</Canvas>
