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

export default {
  title: "CButton",
  component: CButton,
  argTypes: {
    type: {
      control: {
        type: "select",
        options: [
          "primary",
          "secondary",
          "white",
          "danger",
          "success",
          "tertiary",
          "secondary-gray",
          "light-red",
          "dark-blue",
          "secondary-success",
          "yellow",
          "delete-button",
          "white-plain",
        ],
      },
    },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  isLoading: false,
  label: "Button",
  type: "primary",
  icon: {
    name: "check",
    type: "solid",
    class: "h-5 w-5",
    viewBox: "0 0 24 24",
  },
  customClasses: "",
};
