import BmsLoader from '@/components/feedback/BmsLoader.vue';
import { StatusType } from '../../models';

export default {
  computed: {
    StatusType() {
      return StatusType;
    },
  },
  title: 'Composants/feedback/Loader',
  component: BmsLoader,
};

const Template = (args) => ({
  components: {
    BmsLoader,
  },
  setup() {
    return { args, StatusType };
  },
  template: `
    <BmsLoader v-bind="args" >
      This is content
    </BmsLoader>
    <br/>
    <BmsLoader v-bind="args" :mode="StatusType.Information">
      This is content
    </BmsLoader>
    <br/>
    <BmsLoader v-bind="args" :mode="StatusType.Success">
      This is content
    </BmsLoader>
    <br/>
    <BmsLoader v-bind="args" :mode="StatusType.Warning">
      This is content
    </BmsLoader>
    <br/>
    <BmsLoader v-bind="args" :mode="StatusType.Danger">
      This is content
    </BmsLoader>
  `,
});

export const AllLoader = Template.bind({});
AllLoader.args = {
  size: 64,
};
