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

<Meta title="Elements|Select" component={BaseSelect} />

# Icon

<Props of={BaseSelect} />

<Preview>
  <Story name="Select">
    {{
        components: { BaseSelect },
        data () {
          return {
            items: [{ id: '1', name: 'Item One' }, { id: '2', name: 'Item Two' }, { id: '3', name: 'Item Three' }]
          }
        },
        template: 
          `<div>
            <base-select
                metakey="id"
                metavalue="name"
                :items="items"/>
          </div>`
    }}
  </Story>
</Preview>