// Shared small utilities & icon wrapper.
function Icon({ name, size = 20, color = "currentColor", strokeWidth = 2 }) {
const ref = React.useRef(null);
React.useEffect(() => {
if (ref.current && window.lucide) {
ref.current.innerHTML = "";
const iconData = window.lucide.icons[name] || window.lucide.icons.Circle;
const svg = window.lucide.createElement(iconData);
svg.setAttribute("width", size);
svg.setAttribute("height", size);
svg.setAttribute("stroke", color);
svg.setAttribute("stroke-width", strokeWidth);
ref.current.appendChild(svg);
}
}, [name, size, color, strokeWidth]);
return ;
}
function Wordmark({ dark = false, size = 22 }) {
return (
THdata
);
}
function Eyebrow({ children }) {
return (
{children}
);
}
// Fake brand logos (lookalike russian enterprise wordmarks)
function BrandLogo({ name, color = "#82BB5D" }) {
const logos = {
sber: ,
mts: ,
yandex: ,
ozon: ,
tinkoff:,
vtb: ,
};
return logos[name] || null;
}
Object.assign(window, { Icon, Wordmark, Eyebrow, BrandLogo });