/* global React */
// Line-icon set (2-2.5px stroke). All icons accept size + className.
const Icon = ({ children, size = 22, strokeWidth = 2.2, className, viewBox = "0 0 24 24" }) =>
React.createElement(
"svg",
{
width: size,
height: size,
viewBox,
fill: "none",
stroke: "currentColor",
strokeWidth,
strokeLinecap: "round",
strokeLinejoin: "round",
className,
"aria-hidden": "true"
},
children
);
// Channel icons
const IconWhatsApp = (p) => ;
const IconVoice = (p) => ;
const IconWebChat = (p) => ;
const IconMobile = (p) => ;
const IconInstagram = (p) => ;
const IconEmail = (p) => ;
const IconHeadset = (p) => ;
// Capability icons
const IconWelcome = (p) => ;
const IconDoc = (p) => ;
const IconChart = (p) => ;
const IconCalendar = (p) => ;
const IconCart = (p) => ;
const IconCopilot = (p) => ;
// Sector icons
const IconShield = (p) => ;
const IconCar = (p) => ;
const IconBag = (p) => ;
const IconHealth = (p) => ;
const IconFinance = (p) => ;
const IconTelecom = (p) => ;
const IconTransit = (p) => ;
// UI icons
const IconArrow = (p) => ;
const IconArrowSm = (p) => ;
const IconCheck = (p) => ;
const IconX = (p) => ;
const IconPlay = (p) => ;
const IconSun = (p) => ;
const IconMoon = (p) => ;
const IconCloud = (p) => ;
const IconShieldCheck = (p) => ;
const IconGauge = (p) => ;
const IconBolt = (p) => ;
const IconLinkedIn = (p) => ;
const IconTwitter = (p) => ;
const IconYoutube = (p) => ;
const IconGlobe = (p) => ;
// Kognitera brand mark — served from assets/icon_{dark,light}.svg. Renders both
// variants and lets CSS in styles.css hide the wrong one based on data-theme,
// so no theme prop has to thread through callers.
const KogniteraMark = ({ size = 28, className, style }) => {
const h = Math.round(size * 505 / 450);
const cls = (variant) => `km km-${variant}${className ? " " + className : ""}`;
// Don't put `display` in inline style — CSS theme rules must be free to toggle
// it to `none` for the inactive variant.
const imgStyle = { width: size, height: h, ...style };
return (
);
};
// Logo K mark - thicker stroke version of brand (kept for backward compatibility)
const LogoMark = ({ size = 22, gradient = true }) => (
);
Object.assign(window, {
Icon,
IconWhatsApp, IconVoice, IconWebChat, IconMobile, IconInstagram, IconEmail, IconHeadset,
IconWelcome, IconDoc, IconChart, IconCalendar, IconCart, IconCopilot,
IconShield, IconCar, IconBag, IconHealth, IconFinance, IconTelecom, IconTransit,
IconArrow, IconArrowSm, IconCheck, IconX, IconPlay, IconSun, IconMoon,
IconCloud, IconShieldCheck, IconGauge, IconBolt,
IconLinkedIn, IconTwitter, IconYoutube, IconGlobe,
LogoMark, KogniteraMark
});