/* global React */
/* ═══ MIROR NUM — Shared components ═══ */
/* Monogramme « M » avec filet et reflet (marque Miror Num) */
window.HCSymbol = function HCSymbol({ size = 40, color = "var(--ink)", accent = "var(--clay)" }) {
const gid = "mn-reflect-" + Math.round(size);
return (
);
};
/* Horizontal logo lockup */
window.Logo = function Logo({ symbolSize = 38, nameSize = 21, color = "var(--ink)", accent = "var(--clay)", href = "#top", onClick }) {
return (
Miror Num
);
};
/* Stacked logo (footer / hero) */
window.LogoStack = function LogoStack({ symbolSize = 64, nameSize = 30, color = "var(--ink)", accent = "var(--clay)", tagline }) {
return (
Miror Num
{tagline && {tagline}}
);
};
/* Line icons (stroke, brown) */
window.Icon = function Icon({ name, size = 28, color = "currentColor", stroke = 1.4 }) {
const common = { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round" };
const paths = {
phone: ,
video: <>,
mail: <>,
lock: <>,
arrow: ,
instagram: <>
};
return ;
};
/* Renders a multi-line title array where each line may contain html */
window.Title = function Title({ lines, className = "h2" }) {
return (
{lines.map((ln, i) => (
{i < lines.length - 1 &&
}
))}
);
};
window.HtmlText = function HtmlText({ html, as = "span", className, style }) {
const Tag = as;
return ;
};
/* Scroll-reveal wrapper */
window.Reveal = function Reveal({ children, className = "", style, delay = 0 }) {
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) { setTimeout(() => el.classList.add("in"), delay); io.unobserve(el); }
});
}, { threshold: 0.12, rootMargin: "0px 0px -40px 0px" });
io.observe(el);
return () => io.disconnect();
}, [delay]);
return {children}
;
};