/* global React */
const { useState } = React;
/* ============================================================
* TILE ICONS — flat illustrative SVGs sized to a 64x64 viewport.
* Each draws on a solid colored tile (white shapes + tonal depth).
* Style: filled silhouettes, no strokes, slight overlap for warmth.
* ============================================================ */
const TileIcon = ({ name, size = 60 }) => {
const Common = ({ children }) => (
);
switch (name) {
/* Производство */
case 'batches': // candles
return (
{/* back candle */}
{/* main candle */}
{/* front candle */}
);
case 'recipes': // dropper bottle + leaf
return (
);
case 'materials': // open box w/ smaller boxes
return (
);
case 'defects': // cracked candle
return (
);
/* Продажи */
case 'orders': // receipt with check
return (
);
case 'inventory': // stack of boxes
return (
);
case 'customers': // two people
return (
);
case 'shipping': // delivery truck
return (
);
/* Каналы */
case 'ozon': // stylized "Oz" mark
return (
OZ
);
case 'telegram':
return (
);
case 'instagram':
return (
);
case 'whatsapp':
return (
);
/* Деньги */
case 'revenue': // chart bars
return (
);
case 'payments': // ruble + check
return (
₽
);
case 'robokassa': // robot
return (
);
/* Сегодня / общие */
case 'tasks': // checklist
return (
);
case 'analytics': // pie chart
return (
);
case 'team': // 3 avatars
return (
);
case 'export': // box with arrow up
return (
);
/* AI ассистент */
case 'ai':
return (
);
/* Onboarding */
case 'onboarding': // ring + check
return (
);
case 'settings':
return (
);
/* iOS-style nav icons (line, monochrome) */
case 'nav-home':
return ;
case 'nav-tasks':
return ;
case 'nav-inbox':
return ;
case 'nav-search':
return ;
case 'nav-account':
return ;
case 'mic':
return ;
case 'plus':
return ;
case 'chev':
return ;
case 'sliders':
return ;
default:
return null;
}
};
window.TileIcon = TileIcon;