import { Meta, Props, Story, Preview } from '@storybook/addon-docs/blocks'
import { action } from '@storybook/addon-actions'
import BaseNotification from '@/elements/notification/BaseNotification.vue'
import BaseContent from '@/elements/content/BaseContent.vue'

<Meta title="Elements|Notification" component={ BaseNotification } />

# Notification

<Props of={ BaseNotification } />

<Preview>
  <Story name="Simple notification">
    {{
      components: { BaseNotification, BaseContent },
      template: 
        `<div>
          <base-notification>
            <base-content>Some message content here</base-content>
          </base-notification>
          <base-notification :error="true">
            <base-content>Some error content here, for the sake of God please remove your pants and send dick pic to Revas support right now.</base-content>
          </base-notification>
        </div>`
    }}
  </Story>
</Preview>