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

export default {
  title: "CCheckbox",
  component: CCheckbox,
  argTypes: {
    label: String,
    description: String,
    value: Number,
    preferredColor: {
      control: {
        type: "select",
        options: ["indigo", "red", "yellow", "purple", "green"],
      },
    },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  label: "Includes",
  description: "Add subjects to include them in the package",
  value: 1,
  isDisabled: false,
  showAvatar: false,
  avatarNameInitials: "SA",
  preferredColor: "indigo",
  onChange() {
    return;
  },
};
