import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks'
import { action } from '@storybook/addon-actions'
import BaseOverlay from '@/elements/overlay/BaseOverlay.vue'

<Meta title="Elements|Overlay" component={BaseOverlay} />

# Icon

<Props of={BaseOverlay} />

<Preview>
  <Story name="Overlay">
    {{
      components: { BaseOverlay },
      template: 
        `<div>
          <base-overlay>
            <p class="is-family-sans-serif">Some content here</p>
          </base-overlay>
        </div>`
    }}
  </Story>
</Preview>