// icons.jsx — Microsoft Fluent System Icons (Regular, 24px). MIT licensed.
// https://github.com/microsoft/fluentui-system-icons — rendered fill=currentColor.
// A few brand/special icons stay as stroke outlines (cross, whatsapp, signpost).
const FLUENT = {
home: '',
planner: '',
chat: '',
link: '',
instagram: '',
flag: '',
gift: '',
groups: '',
community: '',
invite: '',
checklist: '',
rocket: '',
bell: '',
chart: '',
users: '',
contacts: '',
bank: '',
check: '',
checkCircle: '',
circle: '',
plus: '',
x: '',
filter: '',
mail: '',
search: '',
sun: '',
moon: '',
help: '',
headset: '',
menu: '',
download: '',
chevDown: '',
chevRight: '',
chevLeft: '',
chevUp: '',
arrowRight: '',
arrowUpRight: '',
flame: '',
book: '',
mentor: '',
clock: '',
comment: '',
send: '',
trophy: '',
sparkle: '',
pin: '',
settings: '',
user: '',
phone: '',
alert: '',
refresh: '',
more: '',
eye: '',
eyeOff: '',
heart: '',
play: '',
video: '',
image: '',
type: '',
quiz: '',
trash: '',
copy: '',
grip: '',
layers: '',
edit: '',
calendar: '',
agenda: '',
list: '',
};
// Stroke-style custom icons (not in Fluent set).
const STROKE = {
cross: '',
whatsapp: '',
signpost: '',
};
function Icon({ name, size = 24, ...rest }) {
if (STROKE[name]) return (
);
const p = FLUENT[name];
if (!p) return null;
return (
);
}
// Initials avatar (clean enterprise placeholder)
const AV_COLORS = ['#253D83','#255B84','#3E7CB1','#7A5CA8','#B5612E','#1F7A5B','#A23E5C','#5A6270'];
function Avatar({ name = '?', size = 38, src, style = {} }) {
const initials = name.split(' ').filter(Boolean).slice(0,2).map(w => w[0]).join('').toUpperCase();
const hash = [...name].reduce((a,c) => a + c.charCodeAt(0), 0);
const bg = AV_COLORS[hash % AV_COLORS.length];
const common = { width: size, height: size, fontSize: size * .38, ...style };
if (src) return 
;
return {initials};
}
Object.assign(window, { Icon, Avatar });