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

export default {
  title: "CRangeSlider",
  component: CRangeSlider,
  argTypes: {
    label: String,
    color: { control: { type: 'select', options: ['gray', 'red', 'yellow', 'green', 'indigo', 'purple', 'pink'] } }
  },
};

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

export const Default = Template.bind({});
Default.args = {
  label: "Active",
  color: "green"
};
