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

<Meta title="Elements|Content" component={BaseContent} />

# Content

<Props of={BaseContent} />

<Preview>
  <Story name="Content Block">
    {{
        components: { BaseContent },
        template: 
          `<div>
            <base-content>
                <h2 class="is-family-sans-serif"> Description </h2>
                <p class="is-family-sans-serif"> Some text with <strong>formatting</strong> of <em>different types</em> </p>
                <ol class="is-family-sans-serif">
                    <li>And</li>
                    <li>a</li>
                    <li>List</li>
                </ol>
                <blockquote class="is-family-sans-serif"> A blockquote </blockquote> 
            </base-content>
          </div>`
    }}
  </Story>
</Preview>