import CTabLazy from "../components/CTabLazy/CTabLazy.vue";

import "./utils.css";

export default {
  title: "CTabLazy",
  component: CTabLazy,
  argTypes: {
    tabs: { control: { type: "object" } },
    currentTabComponent: String,
    data: { control: { type: "object" } },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  tabs: [
    {
      key: "tab1",
      label: "Tab 1",
      count: 7,
    },
    {
      key: "tab2",
      label: "Tab 2",
      count: 3,
    },
    {
      key: "tab3",
      label: "Tab 3",
      count: 3,
    },
  ],
  currentTabComponent: "defualt",
  data: { array: [1, 2, 3] },
};
