/* ============================================================
Operion WTT — Inline icon set (Lucide-style line icons)
window.Icon —
============================================================ */
(function () {
// inner SVG markup for 24x24 viewBox, stroke-based
const I = {
dashboard: '',
synoptic: '',
droplet: '',
droplets: '',
filter: '',
recycle: '',
layers: '',
tank: '',
pump: '',
flask: '',
beaker: '',
zap: '',
wrench: '',
bell: '',
alert: '',
file: '',
users: '',
settings: '',
activity: '',
gauge: '',
thermometer: '',
wind: '',
power: '',
play: '',
pause: '',
reset: '',
check: '',
x: '',
chevDown: '',
chevRight: '',
chevLeft: '',
search: '',
download: '',
printer: '',
mail: '',
plus: '',
factory: '',
cpu: '',
signal: '',
sliders: '',
menu: '',
sun: '',
moon: '',
arrowUp: '',
arrowDown: '',
clock: '',
mapPin: '',
trash: '',
shield: '',
lock: '',
eye: '',
refresh: '',
flow: '',
valve: '',
leaf: '',
euro: '',
calendar: '',
clipboard: '',
box: '',
sigma: '',
info: '',
fan: '',
grid: '',
chart: '',
};
function Icon({ name, size = 18, cls = '', style }) {
const inner = I[name] || I.info;
return React.createElement('svg', {
className: cls, width: size, height: size, viewBox: '0 0 24 24', fill: 'none',
stroke: 'currentColor', strokeWidth: 1.9, strokeLinecap: 'round', strokeLinejoin: 'round',
style, dangerouslySetInnerHTML: { __html: inner },
});
}
window.Icon = Icon;
window.ICON_NAMES = Object.keys(I);
})();