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

export default {
  title: "CCollapsibleSection",
  component: CCollapsibleSection,
  argTypes: {
    label: String,
    tabAction: Boolean,
    buttonLabel: String,
    customHeaderClass: String,
    tabLink: { control: { type: "object" } },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  label: "Details",
  tabAction: false,
  tabLink: {
    label: "Edit",
  },
};
