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

export default {
  title: "CToolTip",
  component: CToolTip,
  argTypes: {
    classes: String,
    tooltipText: String,
    color: String,
    isTopAligned: Boolean,
  },
};

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

export const Default = Template.bind({});
Default.args = {
  classes: "text-white bg-gray-800 w-72",
  tooltipText: "ToolTipText",
  color: "#1f2937",
  isTopAligned: false,
};
