import { r as reactExports, j as jsxRuntimeExports } from "./axios-CtZC5suc.js";
import { R as RoundIcon } from "./RoundIcon-BlZ01BG9.js";
import { e as environment } from "./Page-DftcByIi.js";
const socials = "_socials_1i0pk_1";
const title = "_title_1i0pk_7";
const icons = "_icons_1i0pk_10";
const link = "_link_1i0pk_15";
const copied = "_copied_1i0pk_19";
const styles = {
socials,
title,
icons,
link,
copied
};
const SharePerson = ({ person }) => {
const anchorRef = reactExports.useRef(null);
const handleCopyUrl = (e) => {
e.preventDefault();
const current = anchorRef.current;
if (anchorRef.current === null) {
return;
}
const href = current == null ? void 0 : current.getAttribute("href");
current == null ? void 0 : current.classList.toggle(styles.copied, true);
setTimeout(() => current == null ? void 0 : current.classList.toggle(styles.copied, false), 2e3);
copyUrl(href);
};
const copyUrl = (value) => {
const inp = document.createElement("input");
document.body.appendChild(inp);
inp.value = value;
inp.select();
document.execCommand("copy", false);
inp.remove();
};
environment.getString("VITE_APP_URL");
const url = person.link;
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.socials, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles.title, children: "Deel pagina via" }),
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.icons, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `https://www.facebook.com/sharer/sharer.php?u=${url}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RoundIcon, { dark: true, icon: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fa-brands fa-facebook-f" }) }) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `https://wa.me/?text=${url}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RoundIcon, { dark: true, icon: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fa-brands fa-whatsapp" }) }) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: `mailto:?body=${url}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(RoundIcon, { dark: true, icon: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fa-regular fa-envelope" }) }) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("a", { ref: anchorRef, "data-copytext": "De url is gekopieerd", className: styles.link, href: url, onClick: (e) => handleCopyUrl(e), children: /* @__PURE__ */ jsxRuntimeExports.jsx(RoundIcon, { dark: true, icon: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: "fa-solid fa-link" }) }) })
] })
] });
};
export {
SharePerson as S
};
//# sourceMappingURL=SharePerson-CTOixd78.js.map
