import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'
import { action } from '@storybook/addon-actions'

import BaseTabs from '@/elements/tabs/BaseTabs.vue'

<Meta title="Elements|Tabs" />

# Tabs

<Props of={ BaseTabs } />

<Preview>
  <Story name="Simple tabs">
    {{
        components: { BaseTabs },
        data () {
          return {
            items: [
              { key: 'a', value: 'General A' },
              { key: 'b', value: 'General B' },
              { key: 'c', value: 'General C' }
            ],
            value: 'a'
          }
        },
        template: 
          `<div>
            <base-tabs :items="items" :value="value" />
          </div>`
    }}
  </Story>
</Preview>