import CDualSelect from "../components/CDualSelect/CDualSelect.vue";
import CIcon from "../components/CIcon/CIcon.vue";
import "./utils.css";

export default {
  title: "CDualSelect",
  component: CDualSelect,
  subcomponents: { CIcon },
  argTypes: {
    // type: {
    //   control: { type: "select", options: ["primary", "secondary", "success", "danger"] },
    // },
    items: { control: { type: "object" } },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  firstDropdownOptions: [{ text: "one" }, { text: "two" }],
  secondDropdownOptions: [{ text: "four" }, { text: "five" }],
  //   type: 'primary',
  label: "Button",
};
