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

export default {
  title: "CEditor",
  component: CEditor,
  argTypes: {
    content: String,
    label: String,
    hint: String,
    helpText: String,
    toolbarOptions: Array,
  },
};

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

export const Default = Template.bind({});
Default.args = {
  content: "This is the editor",
  label: "String",
  hint: "String",
  helpText: "String",
  toolbarOptions: ["bold", "italic"],
  placeholder: "Please enter your text here...",
};
