// Helper icons used across the app — kept here so component files stay focused
window.Icons = {
  check: (props = {}) => (
    <svg width="14" height="14" viewBox="0 0 16 16" fill="none" {...props}>
      <path d="M3 8.5L6.5 12L13 5" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  arrow: (props = {}) => (
    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" {...props}>
      <path d="M2.5 9.5L9.5 2.5M9.5 2.5H4M9.5 2.5V8" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  drone: (props = {}) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" {...props}>
      <circle cx="5" cy="5" r="2.4" stroke="currentColor" strokeWidth="1.6"/>
      <circle cx="19" cy="5" r="2.4" stroke="currentColor" strokeWidth="1.6"/>
      <circle cx="5" cy="19" r="2.4" stroke="currentColor" strokeWidth="1.6"/>
      <circle cx="19" cy="19" r="2.4" stroke="currentColor" strokeWidth="1.6"/>
      <rect x="9" y="9" width="6" height="6" rx="1.2" stroke="currentColor" strokeWidth="1.6"/>
      <path d="M7 7L9 9M15 9L17 7M7 17L9 15M15 15L17 17" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round"/>
    </svg>
  ),
  ig: (props = {}) => (
    <svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M12 2.2c3.2 0 3.6 0 4.85.07 1.17.05 1.8.25 2.23.42.56.22.96.48 1.38.9.42.42.68.82.9 1.38.17.42.37 1.06.42 2.23.06 1.27.07 1.65.07 4.85s0 3.6-.07 4.85c-.05 1.17-.25 1.8-.42 2.23a3.7 3.7 0 0 1-.9 1.38 3.7 3.7 0 0 1-1.38.9c-.42.17-1.06.37-2.23.42-1.27.06-1.65.07-4.85.07s-3.6 0-4.85-.07c-1.17-.05-1.8-.25-2.23-.42a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.17-.42-.37-1.06-.42-2.23-.06-1.27-.07-1.65-.07-4.85s0-3.6.07-4.85c.05-1.17.25-1.8.42-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.17 1.06-.37 2.23-.42C8.4 2.2 8.8 2.2 12 2.2zm0 5.6a4.2 4.2 0 1 0 0 8.4 4.2 4.2 0 0 0 0-8.4zm0 6.93a2.73 2.73 0 1 1 0-5.47 2.73 2.73 0 0 1 0 5.47zm5.34-7.1a.98.98 0 1 1-1.96 0 .98.98 0 0 1 1.96 0z"/>
    </svg>
  ),
  yt: (props = {}) => (
    <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5a3 3 0 0 0-2.1 2.1C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.6 15.6V8.4l6.2 3.6-6.2 3.6z"/>
    </svg>
  ),
  fb: (props = {}) => (
    <svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M13.5 22V13h3l.5-3.5h-3.5V7.3c0-1 .3-1.7 1.8-1.7H17V2.5a25 25 0 0 0-2.6-.13c-2.6 0-4.4 1.6-4.4 4.5V9.5H7V13h3v9h3.5z"/>
    </svg>
  ),
  li: (props = {}) => (
    <svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor" {...props}>
      <path d="M5.4 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM3.5 9h3.8v12H3.5V9zm6 0h3.6v1.7h.05c.5-.94 1.7-1.95 3.5-1.95 3.75 0 4.45 2.47 4.45 5.68V21h-3.8v-5.5c0-1.32-.02-3-1.83-3-1.83 0-2.1 1.43-2.1 2.9V21H9.5V9z"/>
    </svg>
  ),
  upload: (props = {}) => (
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" {...props}>
      <path d="M12 16V4M12 4L7 9M12 4l5 5M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  lock: (props = {}) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" {...props}>
      <rect x="4" y="11" width="16" height="10" rx="2" stroke="currentColor" strokeWidth="1.8"/>
      <path d="M8 11V8a4 4 0 0 1 8 0v3" stroke="currentColor" strokeWidth="1.8"/>
    </svg>
  ),
  google: (props = {}) => (
    <svg width="16" height="16" viewBox="0 0 24 24" {...props}>
      <path fill="#4285F4" d="M23 12.2c0-.78-.07-1.53-.2-2.2H12v4.2h6.2a5.3 5.3 0 0 1-2.3 3.5v2.9h3.7c2.2-2 3.4-5 3.4-8.4z"/>
      <path fill="#34A853" d="M12 23.5c3.1 0 5.7-1 7.6-2.8L15.9 18a7 7 0 0 1-10.4-3.7H1.7v2.9A11.5 11.5 0 0 0 12 23.5z"/>
      <path fill="#FBBC05" d="M5.5 14.3a7 7 0 0 1 0-4.5V6.9H1.7a11.5 11.5 0 0 0 0 10.3l3.8-2.9z"/>
      <path fill="#EA4335" d="M12 5.8c1.7 0 3.2.6 4.4 1.7l3.3-3.3A11.5 11.5 0 0 0 12 .5 11.5 11.5 0 0 0 1.7 6.9l3.8 2.9A7 7 0 0 1 12 5.8z"/>
    </svg>
  ),
  trash: (props = {}) => (
    <svg width="11" height="11" viewBox="0 0 16 16" fill="none" {...props}>
      <path d="M3 4h10M6 4V2.5h4V4M5 4l.5 9h5l.5-9" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
};
