// Line icons — thin stroke, single color (primary), minimalist
// Each takes size + color props; default 22px, currentColor
const Icon = {
// Capabilities icons
Lightning: ({ s = 22, c = "currentColor" }) => (
),
Send: ({ s = 22, c = "currentColor" }) => (
),
Comment: ({ s = 22, c = "currentColor" }) => (
),
Image: ({ s = 22, c = "currentColor" }) => (
),
Bell: ({ s = 22, c = "currentColor" }) => (
),
TrendUp: ({ s = 22, c = "currentColor" }) => (
),
User: ({ s = 22, c = "currentColor" }) => (
),
Card: ({ s = 22, c = "currentColor" }) => (
),
Settings: ({ s = 22, c = "currentColor" }) => (
),
Handshake: ({ s = 22, c = "currentColor" }) => (
),
// Pain icons
Clock: ({ s = 22, c = "currentColor" }) => (
),
Moon: ({ s = 22, c = "currentColor" }) => (
),
Money: ({ s = 22, c = "currentColor" }) => (
),
// Niches
Hotel: ({ s = 22, c = "currentColor" }) => (
),
Dumbbell: ({ s = 22, c = "currentColor" }) => (
),
Scissors: ({ s = 22, c = "currentColor" }) => (
),
Tooth: ({ s = 22, c = "currentColor" }) => (
),
Bag: ({ s = 22, c = "currentColor" }) => (
),
Wrench: ({ s = 22, c = "currentColor" }) => (
),
Fork: ({ s = 22, c = "currentColor" }) => (
),
Scale: ({ s = 22, c = "currentColor" }) => (
),
Plus: ({ s = 22, c = "currentColor" }) => (
),
Phone: ({ s = 16, c = "currentColor" }) => (
),
TelegramOutline: ({ s = 16, c = "currentColor" }) => (
),
InstagramOutline: ({ s = 16, c = "currentColor" }) => (
),
ArrowRight: ({ s = 16, c = "currentColor" }) => (
),
Check: ({ s = 16, c = "currentColor" }) => (
),
};
// Wrapper that renders icon inside a soft squircle bg (matches user's reference)
function IconTile({ icon: IconComp, size = 44, iconSize = 22, color = "#003366", bg }) {
const bgColor = bg || "#EEF2F7";
return (
);
}
// === REAL CHANNEL LOGOS ===
// Using uploaded brand SVG marks (provided by user)
const LogoImg = ({ src, s = 32, alt = "", radius = 0 }) => (
);
const ChannelLogos = {
Instagram: ({ s = 32 }) => ,
Messenger: ({ s = 32 }) => ,
Telegram: ({ s = 32 }) => ,
Viber: ({ s = 32 }) => ,
WhatsApp: ({ s = 32 }) => ,
OLX: ({ s = 32 }) => ,
Web: ({ s = 32 }) => (
),
};
window.Icon = Icon;
window.IconTile = IconTile;
window.ChannelLogos = ChannelLogos;