text: import {
      withKnobs,
      select,
      boolean,
      text
  } from '@storybook/addon-knobs';
  import { withA11y } from '@storybook/addon-a11y';
  import FButton from '../src/components/Button.vue';
  
  export default {
      title: 'Components/Atoms/f-button',
      decorators: [withKnobs, withA11y]
  };
  
  export const ButtonComponent = () => ({
      components: {
          FButton
      },
  
      props: {
          buttonType: {
              default: select('Button Type', ['primary', 'secondary', 'outline', 'ghost', 'link'], 'primary')
          },
  
          buttonSize: {
              default: select('Button Size', ['xsmall', 'small', 'medium', 'large'], 'medium')
          },
  
          disabled: {
              default: boolean('disabled', false)
          },
  
          isFullWidth: {
              default: boolean('isFullWidth', false)
          },
  
          isLoading: {
              default: boolean('isLoading', false)
          },
  
          actionType: {
              default: select('Action Type', ['button', 'submit', 'reset'], 'button')
          },
  
          href: {
              default: text('href', '')
          }
      },
  
      template: `
          <f-button
              :buttonType="buttonType"
              :buttonSize="buttonSize"
              :disabled="disabled"
              :isFullWidth="isFullWidth"
              :actionType="actionType"
              :href="href"
              :isIcon="false"
              :isLoading="isLoading">
              Default Button Text
          </f-button>`
  });
  
  ButtonComponent.storyName = 'Button';
  