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

export default {
  title: "CPageHeading",
  component: CPageHeading,
  argTypes: {
    title: String,
    description: String,
    helpVideo: String,
    helpArticle: String,
    buttonType: { control: { type: "object" } },
  },
};

const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { CPageHeading },
  template: '<c-page-heading @callAction="show" v-bind="$props" />',
});

export const Default = Template.bind({});
Default.args = {
  title: "Taxes",
  description: "This text will explain the function of the module",
  helpVideo: "https://www.google.com/",
  helpArticle: "https://www.google.com/",
  buttonType: { type: "primary", label: "Add new", isDisabled: true, tooltipText: 'This button has been disabled for some reason' },
  show() {
    //  console.log("called");
  },
};
