document.addEventListener("DOMContentLoaded", function () {
  document.querySelectorAll("pre > code").forEach(function (codeBlock) {
    const button = document.createElement("button");
    button.className = "copy-block-button";
    button.type = "button";
    button.textContent = "Copy";

    button.addEventListener("click", function () {
      navigator.clipboard.writeText(codeBlock.textContent).then(function () {
        button.textContent = "Copied!";
        setTimeout(() => button.textContent = "Copy", 1200);
      });
    });

    const pre = codeBlock.parentNode;
    pre.style.position = "relative";
    pre.appendChild(button);
  });
});