import { Command, RawCommands } from '../types'

declare module '@tiptap/core' {
  interface Commands {
    blur: {
      /**
       * Removes focus from the editor.
       */
      blur: () => Command,
    }
  }
}

export const blur: RawCommands['blur'] = () => ({ view }) => {
  const element = view.dom as HTMLElement

  element.blur()

  return true
}