Components.tsx

/* eslint-disable @typescript-eslint/no-explicit-any */

import { createPlateUI, withProps } from '@udecode/plate'
import { StyledElement } from '@udecode/plate-styled-components'
import { MediaEmbedElement, TableWrapper, LinkElement } from '@mexit/shared'
import TagElement from '../../Editor/components/Tags/TagElement'
import QuickLinkElement from '../../Editor/plugins/QuickLink/components/QuickLinkElement'
import {
  ELEMENT_ILINK,
  ELEMENT_LINK,
  ELEMENT_MEDIA_EMBED,
  ELEMENT_PARAGRAPH,
  ELEMENT_TABLE,
  ELEMENT_TAG
} from '@mexit/core'

export const components = {
  [ELEMENT_LINK]: withProps(LinkElement, {
    as: 'a'
  }),
  [ELEMENT_PARAGRAPH]: withProps(StyledElement, {
    styles: {
      root: {
        margin: '0.1em 0 0'
      }
    }
  }),
  [ELEMENT_TAG]: TagElement,
  [ELEMENT_ILINK]: QuickLinkElement,
  [ELEMENT_MEDIA_EMBED]: MediaEmbedElement,
  [ELEMENT_TABLE]: TableWrapper
}

// const components = createPlateUI({
//   ...editorPreviewComponents
// })

export default components