// Shared UI atoms & icons for DealVault
// Exposes globals via window.* at the bottom.
const { useState, useEffect, useRef, useCallback, useMemo } = React;
/* ──────────────────────────────────────────────────────────
Logo / Brand
────────────────────────────────────────────────────────── */
function LogoMark({ size = 28, color }) {
return (
);
}
function BrandLockup({ tagline = false }) {
return (
DealVault
{tagline && (
Media Partnership Advisory
)}
);
}
/* ──────────────────────────────────────────────────────────
Reveal-on-scroll hook
────────────────────────────────────────────────────────── */
function useReveal() {
useEffect(() => {
const els = document.querySelectorAll(".reveal:not(.in)");
if (!("IntersectionObserver" in window)) {
els.forEach((el) => el.classList.add("in"));
return;
}
const io = new IntersectionObserver(
(entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
e.target.classList.add("in");
io.unobserve(e.target);
}
});
},
{ rootMargin: "0px 0px -10% 0px", threshold: 0.05 }
);
els.forEach((el) => io.observe(el));
return () => io.disconnect();
});
}
/* ──────────────────────────────────────────────────────────
Icons
────────────────────────────────────────────────────────── */
const ArrowUR = ({ size = 14 }) => (
);
const ArrowR = ({ size = 14 }) => (
);
const Check = ({ size = 16 }) => (
);
const X = ({ size = 14 }) => (
);
const Plus = ({ size = 14 }) => (
);
Object.assign(window, {
LogoMark,
BrandLockup,
useReveal,
ArrowUR,
ArrowR,
Check,
X,
Plus,
});