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

export default {
  title: "CTimeline",
  component: CTimeline,
  argTypes: {
    statsCount: { control: { type: "object" } },
    color: { control: { type: 'select', options: ['red', 'yellow', 'green', 'indigo'] } },
    icon: { control: { type: 'select', options: ['clock', 'calendar', 'user'] } }
  },
};

const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { CTimeline },
  template: '<c-timeline v-bind="$props" />',
});

export const Default = Template.bind({});
Default.args = {
  statsCount: [
  ],
  color:'red',
  icon: 'calendar'
};
