import type { HtmlRenderMap } from '@/composables/useHtmlRenderer';
import { h } from 'vue';
import MarkdownTable from '@/components/shared/MarkdownTable.vue';

export const defaultHtmlRenderMap: HtmlRenderMap = {
  h1: (_, children) => h('h1', {}, children),

  h2: (_, children) => h('h2', {}, children),

  p: (_, children) => h('p', {}, children),

  // table: (_, children) => h('div', {}, [h('table', {}, children)]),
  table: (node) => {
    const { headers, rows } = parseHtmlTable(node);

    return h(
      'div',
      {},
      h(MarkdownTable, {
        headers,
        rows,
      })
    );
  },

  img: (node) =>
    h('img', {
      src: node.attribs?.src,
    }),
};