// ════════════════════════════════════════════════════════════════
// PRIMITIVOS · ícones SVG inline + animação ao entrar na viewport
// (sem dependências externas — Lucide reimplementado inline para
// manter o arquivo auto-contido)
// ════════════════════════════════════════════════════════════════
// Bandeiras SVG inline — não dependem de emoji do sistema operacional
// (Windows não renderiza emoji de bandeira; cai pra letras "US CA MX").
const FlagSVG = ({ country, size = 16, className = "" }) => {
const w = size * 1.5, h = size; // proporção 3:2
const common = { width: w, height: h, viewBox: "0 0 30 20",
xmlns: "http://www.w3.org/2000/svg",
className: `flag-svg ${className}`,
style: { borderRadius: 2, display: "inline-block", verticalAlign: "middle" } };
if (country === "USA" || country === "us") {
// Bandeira proporção 19:10 (oficial), simplificada. Fundo branco + 7 listras vermelhas.
return (
);
}
if (country === "CAN" || country === "ca") {
return (
);
}
if (country === "MEX" || country === "mx") {
return (
);
}
if (country === "BRA" || country === "BR" || country === "br") {
return (
);
}
return null;
};
const Icon = ({ name, size = 20, strokeWidth = 1.8, ...rest }) => {
const p = { width: size, height: size, viewBox: "0 0 24 24", fill: "none",
stroke: "currentColor", strokeWidth, strokeLinecap: "round",
strokeLinejoin: "round", ...rest };
switch (name) {
case "trophy":
return ;
case "shield":
return ;
case "sparkles":
return ;
case "plane":
return ;
case "hotel":
return ;
case "ticket":
return ;
case "calendar":
return ;
case "map-pin":
return ;
case "arrow-right":
return ;
case "arrow-down":
return ;
case "whatsapp":
return ;
case "instagram":
return ;
case "mail":
return ;
case "star":
return ;
case "headphones":
return ;
case "globe":
return ;
case "check":
return ;
case "x":
return ;
case "menu":
return ;
default:
return null;
}
};
// Reveal-on-scroll usando IntersectionObserver
function useReveal(opts = {}) {
const ref = React.useRef(null);
React.useEffect(() => {
const el = ref.current;
if (!el) return;
const io = new IntersectionObserver((entries) => {
entries.forEach((e) => {
if (e.isIntersecting) {
el.classList.add("in");
io.unobserve(el);
}
});
}, { threshold: 0.15, ...opts });
io.observe(el);
return () => io.disconnect();
}, []);
return ref;
}
// Componente "Reveal" — wrapper com transição de entrada
const Reveal = ({ children, delay = 0, as: As = "div", className = "", ...rest }) => {
const ref = useReveal();
return (
{children}
);
};
Object.assign(window, { Icon, FlagSVG, useReveal, Reveal });