import { onMounted as o } from "vue";
function a(c) {
  function p(e) {
    const t = e.currentTarget, i = document.createElement("span"), l = Math.max(t.clientWidth, t.clientHeight), n = l / 2;
    i.style.width = i.style.height = `${l}px`, i.style.left = `${e.clientX - t.offsetLeft - n}px`, i.style.top = `${e.clientY - t.offsetTop - n}px`, i.classList.add("ripple");
    const s = t.getElementsByClassName("ripple")[0];
    s && s.remove(), t.appendChild(i);
  }
  o(() => {
    var e;
    (e = c.value) == null || e.addEventListener("click", p);
  });
}
export {
  a as useRipple
};
//# sourceMappingURL=useRipple.js.map
