import { storiesOf } from '@storybook/vue'
import MyButton from '~/components/Button.vue'
import Centered from '@storybook/addon-centered'

storiesOf('Button', module)
  .addDecorator(Centered)
  .add('rounded button', () => ({
    template: '<my-button :rounded="true"> 👍  A Button with rounded edges</my-button>'
  }))
  .add('normal button', () => ({
    components: { MyButton },
    template: '<my-button :rounded="false">A Button with square edges</my-button>'
  }))