// Icons & illustrations for Mitreden
// Inline SVGs — strokes match style: rounded, 2px
const Icon = {
Mic: ({ size = 24, off = false }) => (
),
Cam: ({ size = 24, off = false }) => (
),
Phone: ({ size = 24 }) => (
),
Users: ({ size = 24 }) => (
),
Clock: ({ size = 24 }) => (
),
Calendar: ({ size = 24 }) => (
),
Play: ({ size = 24 }) => (
),
Plus: ({ size = 24 }) => (
),
Chart: ({ size = 24 }) => (
),
Pin: ({ size = 24 }) => (
),
Sparkle: ({ size = 24 }) => (
),
Hand: ({ size = 24 }) => (
),
Settings: ({ size = 24 }) => (
),
Lock: ({ size = 24 }) => (
),
Ear: ({ size = 24 }) => (
),
Send: ({ size = 24 }) => (
),
Stop: ({ size = 24 }) => (
),
Trend: ({ size = 16, down = false }) => (
),
};
// Friendly hand-drawn illustration: a circle of diverse people around a screen
function IllusCommunity({ width = 420, height = 360 }) {
return (
);
}
// Calmer illustration for "no meeting" state — a cozy person waving
function IllusWaiting({ width = 380, height = 340 }) {
return (
);
}
// Tiny avatar for use in tiles when video off
function AvatarMonogram({ name, color }) {
const monogram = name.split(' ').map(n => n[0]).slice(0, 2).join('').toUpperCase();
return (
{monogram}
);
}
Object.assign(window, { Icon, IllusCommunity, IllusWaiting, AvatarMonogram });