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

export default {
  title: "CSwitch",
  component: CSwitch,
  argTypes: {
    label: String,
    description: String,
    classes: String,
    value: Boolean,
    disabled: Boolean,
  },
};

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

export const Default = Template.bind({});
Default.args = {
  label: "Name",
  description: "Nulla amet tempus sit accumsan. Aliquet turpis sed sit lacinia.",
  value: 1,
  direction: "left",
};
