// Atlubni Docs — icons (compact set for docs)
const DocIcon = ({ name, size = 16, className = "" }) => {
  const c = { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round", className };
  switch (name) {
    case "search": return <svg {...c}><circle cx="11" cy="11" r="6.5"/><path d="m20 20-3.5-3.5"/></svg>;
    case "github": return <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" className={className}><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.55v-2c-3.2.7-3.87-1.36-3.87-1.36-.52-1.34-1.28-1.69-1.28-1.69-1.05-.71.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.77 2.7 1.26 3.36.96.1-.74.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.28 1.18-3.08-.12-.29-.51-1.46.11-3.04 0 0 .96-.31 3.16 1.17a11 11 0 0 1 5.76 0c2.2-1.48 3.16-1.17 3.16-1.17.62 1.58.23 2.75.11 3.04.74.8 1.18 1.82 1.18 3.08 0 4.42-2.69 5.4-5.25 5.69.41.36.78 1.06.78 2.13v3.16c0 .31.21.67.8.55C20.21 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5Z"/></svg>;
    case "sun": return <svg {...c}><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5 19 19M19 5l-1.5 1.5M6.5 17.5 5 19"/></svg>;
    case "moon": return <svg {...c}><path d="M21 13a9 9 0 1 1-10-10 7 7 0 0 0 10 10Z"/></svg>;
    case "x": return <svg {...c}><path d="M6 6l12 12M6 18L18 6"/></svg>;
    case "menu": return <svg {...c}><path d="M3 6h18M3 12h18M3 18h18"/></svg>;
    case "chevron-down": return <svg {...c}><path d="M6 9l6 6 6-6"/></svg>;
    case "chevron-right": return <svg {...c}><path d="M9 6l6 6-6 6"/></svg>;
    case "chevron-left": return <svg {...c}><path d="M15 6l-6 6 6 6"/></svg>;
    case "check": return <svg {...c}><path d="M5 12l4 4L19 6"/></svg>;
    case "copy": return <svg {...c}><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M4 15V6a2 2 0 0 1 2-2h9"/></svg>;
    case "play": return <svg {...c}><path d="M6 4l14 8-14 8z" fill="currentColor"/></svg>;
    case "info": return <svg {...c}><circle cx="12" cy="12" r="9"/><path d="M12 8v.01M11 12h1v5h1"/></svg>;
    case "circle-info": return <svg {...c}><circle cx="12" cy="12" r="9"/><path d="M12 16v-4M12 8v.01"/></svg>;
    case "sparkles": return <svg {...c}><path d="M12 4l1.5 4.5L18 10l-4.5 1.5L12 16l-1.5-4.5L6 10l4.5-1.5zM19 16l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7z"/></svg>;
    case "alert-tri": return <svg {...c}><path d="M12 4 2 20h20L12 4Z"/><path d="M12 10v4M12 17v.01"/></svg>;
    case "alert-oct": return <svg {...c}><path d="M8 3h8l5 5v8l-5 5H8l-5-5V8l5-5Z"/><path d="M12 8v4M12 16v.01"/></svg>;
    case "external": return <svg {...c}><path d="M14 4h6v6M10 14 20 4M19 13v6H5V5h6"/></svg>;
    case "thumbs-up": return <svg {...c}><path d="M7 11v9H4v-9h3Zm0 0 4-7c1.5 0 2 1 2 2v3h5a2 2 0 0 1 2 2.4l-1.5 7A2 2 0 0 1 16.5 20H7"/></svg>;
    case "thumbs-down": return <svg {...c}><path d="M17 13V4h3v9h-3Zm0 0-4 7c-1.5 0-2-1-2-2v-3H6a2 2 0 0 1-2-2.4l1.5-7A2 2 0 0 1 7.5 4H17"/></svg>;
    case "edit": return <svg {...c}><path d="M14 4l6 6L8 22H2v-6L14 4Z"/></svg>;
    case "rss": return <svg {...c}><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1.5"/></svg>;
    case "circle-dot": return <svg {...c}><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3" fill="currentColor"/></svg>;
    case "filter": return <svg {...c}><path d="M3 5h18l-7 9v6l-4-2v-4L3 5Z"/></svg>;
    case "command": return <svg {...c}><path d="M6 6h3v3H6a3 3 0 1 1 3-3M18 6h-3v3h3a3 3 0 1 0-3-3M6 18h3v-3H6a3 3 0 1 0 3 3M18 18h-3v-3h3a3 3 0 1 1-3 3"/></svg>;
    case "book": return <svg {...c}><path d="M4 4.5A2.5 2.5 0 0 1 6.5 2H20v17H6.5A2.5 2.5 0 0 0 4 21.5v-17Z"/></svg>;
    case "rocket": return <svg {...c}><path d="M14 4s5 1 5 5l-3 3v6l-3 2-2-2v-3l-3-3-3-3 2-3h6l5-5"/></svg>;
    case "code": return <svg {...c}><path d="m9 18-6-6 6-6M15 6l6 6-6 6"/></svg>;
    case "pin": return <svg {...c}><path d="M12 22s7-7.58 7-13a7 7 0 1 0-14 0c0 5.42 7 13 7 13z"/><circle cx="12" cy="9" r="2.5"/></svg>;
    case "route": return <svg {...c}><circle cx="6" cy="19" r="2"/><circle cx="18" cy="5" r="2"/><path d="M6 17V9a4 4 0 0 1 4-4h2M18 7v8a4 4 0 0 1-4 4h-2"/></svg>;
    case "users": return <svg {...c}><circle cx="9" cy="8" r="3.5"/><path d="M3 21v-1a5 5 0 0 1 5-5h2a5 5 0 0 1 5 5v1"/></svg>;
    case "upload": return <svg {...c}><path d="M12 16V4M5 11l7-7 7 7M4 20h16"/></svg>;
    case "doc": return <svg {...c}><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8L14 2Z"/><path d="M14 2v6h6"/></svg>;
    case "shield": return <svg {...c}><path d="M12 2 4 5v6c0 5 3.5 9 8 11 4.5-2 8-6 8-11V5l-8-3Z"/></svg>;
    case "gauge": return <svg {...c}><path d="M3 14a9 9 0 1 1 18 0"/><path d="M12 14l4-4"/><circle cx="12" cy="14" r="1.5"/></svg>;
    default: return null;
  }
};
window.DocIcon = DocIcon;