import BmsCircularProgress from '@/components/feedback/BmsCircularProgress.vue';

export default {
  title: 'Composants/feedback/CircularProgress',
  component: BmsCircularProgress,
  argTypes: {
    progress: {
      control: { type: 'number' },
    },
  },
};

const Template = (args) => ({
  components: {
    BmsCircularProgress,
  },
  setup() {
    return { args };
  },
  template: `
    <BmsCircularProgress v-bind="args" />
  `,
});

export const NoProgress = Template.bind({});
NoProgress.args = {
  progress: 0,
};

export const InProgress = Template.bind({});
InProgress.args = {
  progress: 30,
};

export const ProgressCompleted = Template.bind({});
ProgressCompleted.args = {
  progress: 100,
};
