import type {NodeViewProps} from "@tiptap/core"

export const Bolt11NodeView = ({node}: NodeViewProps) => {
  const dom = document.createElement("span")

  dom.classList.add("tiptap-object")
  dom.innerText = `${node.attrs.lnbc.slice(0, 16)}...`

  return {
    dom,
    selectNode() {
      dom.classList.add("tiptap-active")
    },
    deselectNode() {
      dom.classList.remove("tiptap-active")
    },
  }
}