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

export default {
  title: "CInsetTabs",
  components: CInsetTabs,
  argTypes: {
    currentTab: String,
    tabOptions: Array,
  },
};
const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { CInsetTabs },
  template: '<c-inset-tabs v-bind="$props" />',
});

export const Default = Template.bind({});
Default.args = {
  currentTab: "Grid",
  tabOptions: [
    {
      label: "Grid",
      showLabel: true,
      icon: {
        name: "view-grid-outline",
        type: "outline",
        viewBox: "0 0 24 24",
      },
    },
    {
      label: "Week",
      showLabel: true,
      icon: {
        name: "mini-queue-solid",
        type: "solid",
      },
    },
    {
      label: "Schedule",
      showLabel: true,
      icon: {
        name: "view-list-outline",
        type: "outline",
        viewBox: "0 0 24 24",
      },
    },
  ],
};
