import { ContentEditor } from './index';

export default {
  component: ContentEditor,
  title: 'content_editor/components/content_editor',
};

const Template = (_, { argTypes }) => ({
  components: { ContentEditor },
  props: Object.keys(argTypes),
  template: '<content-editor v-bind="$props" @initialized="loadContent" />',
  methods: {
    loadContent(contentEditor) {
      // eslint-disable-next-line @gitlab/require-i18n-strings
      contentEditor.setSerializedContent('Hello content editor');
    },
  },
});

export const Default = Template.bind({});

Default.args = {
  renderMarkdown: () => '<p>Hello content editor</p>',
  uploadsPath: '/uploads/',
  serializerConfig: {},
  extensions: [],
};