const codes = document.querySelectorAll("pre");

codes.forEach((code) => {
	const elWrapper = document.createElement("div");
	elWrapper.classList.add("copy-code-wrapper");

	const el = document.createElement("span");
	el.textContent = "Copy";
	el.classList.add("copy-code");

	elWrapper.appendChild(el);

	code.parentNode.insertBefore(elWrapper, code);

	let textContent = "";
	code.childNodes.forEach((child) => {
		textContent += child.textContent;
	});

	elWrapper.addEventListener("click", (e) => {
		e.preventDefault();
		navigator.clipboard.writeText(textContent);
		el.textContent = "Copied!";
		setTimeout(() => {
			el.textContent = "Copy";
		}, 5000);
	});
});