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

export default {
  title: "CFormSectionHeading",
  component: CFormSectionHeading,
  argTypes: {
    heading: String,
    description: String,
    divider: Boolean,
    tabAction:{ control: { type: "object" } },
    tabLink: { control: { type: "object" } },
  },
};

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

export const Default = Template.bind({});
Default.args = {
  heading: "Includes",
  description: "Add subjects to include them in the package",
  divider: false,
  tabAction: {
    label: 'Hide completed',
    type: 'tertiary'
  },
  icon: {
    name: 'arrow-right-diagonal-solid',
    type: 'outline',
    class: 'h-5 w-5 text-gray-400',
    viewBox: '0 0 24 24'
  }
};
