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

export default {
  title: "CAnchorTabs",
  component: CAnchorTabs,
  subcomponents: { CIcon },
  argTypes: {
    tabs: { control: { type: "object" } },
    initialTab: String,
    classes: String,
  },
};

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

export const Default = Template.bind({});
Default.args = {
  tabs: [
    { icon: "bookmark", text: "Accounts", name:"accounts" },
    { icon: "bell", text: "Team Members", name:"members" },
  ],
  initialTab: "accounts",
};
