import type { BlockEditor } from "./editor.type.js";

export const blockquoteEditor: BlockEditor = (container, raw, _attrs, onCommit, onCancel) => {
  const input = document.createElement("textarea");
  input.classList.add("edit-input");
  input.value = raw;
  input.addEventListener("keydown", (e) => {
    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
      e.preventDefault();
      onCommit(input.value);
    }
    if (e.key === "Escape") {
      e.preventDefault();
      onCancel();
    }
  });

  container.innerHTML = "";
  container.appendChild(input);
  input.focus();
};