// Single-line stroke icons, matching the slightly thin/airy look of the mobile app.
const I = ({ children, size = 18, sw = 1.7, ...rest }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round" {...rest}>
    {children}
  </svg>
);

const ScoliaMark = ({ size = 28 }) => (
  <svg width={size} height={size * (66/54)} viewBox="0 0 54 66" aria-hidden>
    <path d="M27 2 C41 2 52 13 52 27 C52 43 41 62 27 64 C13 62 2 43 2 27 C2 13 13 2 27 2Z" fill="#1D9E75"/>
    <path d="M34 11 C14 18 14 28 27 31 C40 34 40 46 20 53" fill="none" stroke="white" strokeWidth="3.5" strokeLinecap="round" opacity="0.92"/>
  </svg>
);

const Icons = {
  Home:    (p) => <I {...p}><path d="M3 11l9-7 9 7"/><path d="M5 10v10h14V10"/></I>,
  Classes: (p) => <I {...p}><circle cx="9" cy="8" r="3"/><circle cx="17" cy="9" r="2.4"/><path d="M3 19c.7-3.4 3-5 6-5s5.3 1.6 6 5"/><path d="M14 19c.4-2 1.5-3.3 3-3.7"/></I>,
  Team:    (p) => <I {...p}><circle cx="8" cy="9" r="2.6"/><circle cx="16" cy="9" r="2.6"/><path d="M3 19c.6-2.7 2.5-4 5-4s4.4 1.3 5 4"/><path d="M13 19c.6-2.7 2.5-4 5-4"/></I>,
  School:  (p) => <I {...p}><path d="M3 10.5L12 4l9 6.5"/><path d="M5 10v10h14V10"/><path d="M10 20v-5h4v5"/></I>,
  Search:  (p) => <I {...p}><circle cx="11" cy="11" r="6.5"/><path d="M20 20l-3.5-3.5"/></I>,
  Bell:    (p) => <I {...p}><path d="M6 16V11a6 6 0 1112 0v5l1.5 2H4.5L6 16z"/><path d="M10 21a2 2 0 004 0"/></I>,
  Plus:    (p) => <I {...p}><path d="M12 5v14M5 12h14"/></I>,
  Settings:(p) => <I {...p}><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 00.3 1.8l.1.1a2 2 0 11-2.8 2.8l-.1-.1a1.7 1.7 0 00-1.8-.3 1.7 1.7 0 00-1 1.5V21a2 2 0 11-4 0v-.1a1.7 1.7 0 00-1-1.5 1.7 1.7 0 00-1.8.3l-.1.1a2 2 0 11-2.8-2.8l.1-.1a1.7 1.7 0 00.3-1.8 1.7 1.7 0 00-1.5-1H3a2 2 0 110-4h.1a1.7 1.7 0 001.5-1 1.7 1.7 0 00-.3-1.8l-.1-.1a2 2 0 112.8-2.8l.1.1a1.7 1.7 0 001.8.3H9a1.7 1.7 0 001-1.5V3a2 2 0 114 0v.1a1.7 1.7 0 001 1.5 1.7 1.7 0 001.8-.3l.1-.1a2 2 0 112.8 2.8l-.1.1a1.7 1.7 0 00-.3 1.8V9a1.7 1.7 0 001.5 1H21a2 2 0 110 4h-.1a1.7 1.7 0 00-1.5 1z"/></I>,
  ChevR:   (p) => <I {...p}><path d="M9 6l6 6-6 6"/></I>,
  ChevL:   (p) => <I {...p}><path d="M15 6l-6 6 6 6"/></I>,
  ChevD:   (p) => <I {...p}><path d="M6 9l6 6 6-6"/></I>,
  Megaphone:(p)=> <I {...p}><path d="M3 11v2a2 2 0 002 2h2l9 5V4l-9 5H5a2 2 0 00-2 2z"/><path d="M19 8a4 4 0 010 8"/></I>,
  Doc:     (p) => <I {...p}><path d="M14 3H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2V9z"/><path d="M14 3v6h6"/><path d="M8 13h7M8 17h7"/></I>,
  Msg:     (p) => <I {...p}><path d="M21 12a8 8 0 11-3.2-6.4L21 4l-1 3.5A8 8 0 0121 12z"/></I>,
  Dots:    (p) => <I {...p}><circle cx="5"  cy="12" r="1.2" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.2" fill="currentColor" stroke="none"/><circle cx="19" cy="12" r="1.2" fill="currentColor" stroke="none"/></I>,
  ArrowUp: (p) => <I {...p}><path d="M12 19V5"/><path d="M5 12l7-7 7 7"/></I>,
  Check:   (p) => <I {...p}><path d="M5 12l4 4 10-10"/></I>,
  X:       (p) => <I {...p}><path d="M6 6l12 12M18 6L6 18"/></I>,
  Clock:   (p) => <I {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></I>,
  Cal:     (p) => <I {...p}><rect x="3.5" y="5" width="17" height="15" rx="2"/><path d="M8 3v4M16 3v4M3.5 10h17"/></I>,
  Pin:     (p) => <I {...p}><path d="M14 3l7 7-4 1-3 7-2-2-5 5-1-1 5-5-2-2 7-3z"/></I>,
  Filter:  (p) => <I {...p}><path d="M3 5h18M6 12h12M10 19h4"/></I>,
  Send:    (p) => <I {...p}><path d="M5 12l16-8-5 18-4-7-7-3z"/></I>,
  Sparkle: (p) => <I {...p}><path d="M12 4l1.6 4.4L18 10l-4.4 1.6L12 16l-1.6-4.4L6 10l4.4-1.6L12 4z"/><path d="M19 16l.7 1.7L21 18l-1.3.3L19 20l-.7-1.7L17 18l1.3-.3z"/></I>,
  Mic:     (p) => <I {...p}><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0014 0M12 18v3M9 21h6"/></I>,
  Paper:   (p) => <I {...p}><path d="M21 5l-9 9-4-4-5 5"/><path d="M14 5h7v7"/></I>,
  Eye:     (p) => <I {...p}><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/></I>,
  Bolt:    (p) => <I {...p}><path d="M13 2L4 14h7l-1 8 9-12h-7l1-8z"/></I>,
};

window.Icons = Icons;
window.ScoliaMark = ScoliaMark;
