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

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

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

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