import { onMounted as e } from "vue";
function t(t) {
	function n(e) {
		let t = e.currentTarget, n = document.createElement("span"), r = Math.max(t.clientWidth, t.clientHeight), i = r / 2;
		n.style.width = n.style.height = `${r}px`, n.style.left = `${e.clientX - t.offsetLeft - i}px`, n.style.top = `${e.clientY - t.offsetTop - i}px`, n.classList.add("ripple");
		let a = t.getElementsByClassName("ripple")[0];
		a && a.remove(), t.appendChild(n);
	}
	e(() => {
		t.value?.addEventListener("click", n);
	});
}
export { t as useRipple };

//# sourceMappingURL=useRipple.js.map