import  CProgress  from "../components/CProgress/CProgress.vue";
import "./utils.css";

export default {
  title: "CProgress",
  component: CProgress,
};

const Template = (args, { argTypes }) => ({
    props: Object.keys(argTypes),
    components: { CProgress },
    template: '<c-progress v-bind="$props" />',
});
  
  export const Default = Template.bind({});
  Default.args = {
    steps:[
      { name: 'Step 1', href: '#', number:1 },
      { name: 'Step 2', href: '#', number:2},
      { name: 'Step 3', href: '#', number:3 },
      { name: 'Step 4', href: '#', number:4 },
      ],
      currentStep:2,
  };