/* Big colored tool illustrations — SmallPDF/iLovePDF-style tiles */ const Illust = ({ name, tone = '#7cb0ff', size = 72 }) => { const s = size; const c = tone; const p = (o=0.18) => `color-mix(in oklab, ${c} ${o*100}%, transparent)`; const doc = (x, y, w, h, color = c, fill = p(0.14)) => ( ); const common = { width: s, height: s, viewBox:'0 0 64 64', xmlns:'http://www.w3.org/2000/svg' }; switch (name) { case 'merge': return ( {doc(8, 10, 20, 28)} {doc(36, 10, 20, 28)} ); case 'split': return ( {doc(6, 40, 20, 20)} {doc(38, 40, 20, 20)} ); case 'extract': return ( ); case 'grid': return ( {doc(6, 6, 22, 22)} {doc(36, 6, 22, 22)} {doc(6, 36, 22, 22)} ); case 'compress': return ( {doc(16, 10, 32, 44)} ZIP ); case 'rotate': return ( {doc(18, 12, 28, 36)} ); case 'minus': return ( {doc(18, 8, 28, 44)} ); // File-type tiles case 'docx': case 'xlsx': case 'pptx': case 'jpg': case 'png': case 'txt': case 'md': case 'html': case 'ocr': { const labels = { docx:'DOC', xlsx:'XLS', pptx:'PPT', jpg:'JPG', png:'PNG', txt:'TXT', md:'MD', html:'HTML', ocr:'OCR' }; return ( 3 ? 8 : 10} fontWeight="800" fill="#fff">{labels[name]} ); } case 'pencil': return ( {doc(10, 8, 32, 44)} ); case 'pen': return ( {doc(10, 8, 32, 44)} ); case 'book': return ( ); case 'hash': return ( {doc(10, 8, 32, 44)} # ); case 'crop': return ( ); case 'redact': return ( {doc(10, 8, 44, 48)} ); case 'water': return ( {doc(8, 8, 48, 48)} DRAFT ); case 'form': return ( {doc(8, 8, 48, 48)} ); case 'sig': return ( {doc(8, 8, 48, 48)} ); case 'send': return ( ); case 'unlock': return ( {doc(10, 26, 44, 32)} ); case 'lock': return ( {doc(10, 26, 44, 32)} ); case 'layers': return ( ); // Proof case 'aa': return ( {doc(8, 8, 48, 48)} ); case 'zw': return ( {doc(8, 8, 48, 48)} a·b ); case 'space': return ( {doc(8, 8, 48, 48)} ); case 'quote': return ( {doc(8, 8, 48, 48)} ); case 'report': return ( {doc(8, 8, 48, 48)} ); // AI case 'ai': return ( {doc(8, 8, 48, 48)} ); case 'chat': return ( ); case 'sum': return ( {doc(6, 8, 26, 48)} {doc(46, 20, 14, 24)} ); case 'globe': return ( ); // Workflow case 'inbox': return ( ); case 'stack': return ( ); case 'box': return ( ); case 'ruler': return ( ); case 'feed': return ( {doc(8, 8, 48, 48)} ); default: return ( {doc(10, 8, 44, 48)} ); } }; window.Illust = Illust;