/* ===========================================================
IGEC — Componentes base e íconos (compartidos)
=========================================================== */
const { useState, useEffect, useRef, useCallback } = React;
/* ---------- Íconos (línea, 24px) ---------- */
const Icon = {
phone: (p) => (),
mail: (p) => (),
pin: (p) => (),
clock: (p) => (),
whatsapp: (p) => (),
instagram: (p) => (),
link: (p) => (),
check: (p) => (),
chevron: (p) => (),
arrow: (p) => (),
};
/* ---------- Logo ---------- */
function Logo({ size = 46, className = "" }) {
return (
);
}
/* ---------- Reveal on scroll ---------- */
function useReveal() {
const ref = useRef(null);
useEffect(() => {
const el = ref.current;
if (!el) return;
if (!("IntersectionObserver" in window)) { el.classList.add("is-in"); return; }
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("is-in"); io.unobserve(e.target); } });
}, { threshold: 0.12, rootMargin: "0px 0px -8% 0px" });
io.observe(el);
return () => io.disconnect();
}, []);
return ref;
}
function Reveal({ as = "div", delay = 0, className = "", children, ...rest }) {
const ref = useReveal();
const Tag = as;
return (
{children}
);
}
/* ---------- Placeholder de imagen ---------- */
function Placeholder({ label, className = "", style }) {
return (
{label}
);
}
/* ---------- Kicker ---------- */
function Kicker({ children }) { return {children}; }
/* ---------- Escena figura-fondo (panel decorativo) ---------- */
function FigureGround() {
return (
);
}
Object.assign(window, { Icon, Logo, useReveal, Reveal, Placeholder, Kicker, FigureGround,
useState, useEffect, useRef, useCallback });