/* SportK — Icons (línea simple, 1.6px stroke) */

const iconBase = {
  width: 22,
  height: 22,
  viewBox: "0 0 24 24",
  fill: "none",
  stroke: "currentColor",
  strokeWidth: 1.7,
  strokeLinecap: "round",
  strokeLinejoin: "round",
};

const Icon = {
  Home: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M3 11.5L12 4l9 7.5V20a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z" />
    </svg>
  ),
  List: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M8 6h13M8 12h13M8 18h13" />
      <circle cx="3.5" cy="6" r="1" />
      <circle cx="3.5" cy="12" r="1" />
      <circle cx="3.5" cy="18" r="1" />
    </svg>
  ),
  Chart: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M4 20V10M10 20V4M16 20v-7M22 20H2" />
    </svg>
  ),
  User: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="8" r="4" />
      <path d="M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8" />
    </svg>
  ),
  Play: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M7 5l12 7-12 7z" fill="currentColor" />
    </svg>
  ),
  Pause: (p = {}) => (
    <svg {...iconBase} {...p}>
      <rect x="7" y="5" width="3.5" height="14" rx="1" fill="currentColor" stroke="none" />
      <rect x="13.5" y="5" width="3.5" height="14" rx="1" fill="currentColor" stroke="none" />
    </svg>
  ),
  Skip: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M5 5l9 7-9 7zM18 5v14" />
    </svg>
  ),
  Back: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M15 6l-6 6 6 6" />
    </svg>
  ),
  ArrowRight: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M9 6l6 6-6 6" />
    </svg>
  ),
  Close: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M6 6l12 12M18 6L6 18" />
    </svg>
  ),
  Plus: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M12 5v14M5 12h14" />
    </svg>
  ),
  Check: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M5 12l5 5 9-11" />
    </svg>
  ),
  CheckCircle: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="12" r="9" />
      <path d="M8 12l3 3 5-6" />
    </svg>
  ),
  Clock: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="12" r="9" />
      <path d="M12 7v5l3 2" />
    </svg>
  ),
  Flame: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M12 3c1 4 5 5 5 10a5 5 0 0 1-10 0c0-3 2-4 2-7 1 1 2 2 3-3z" />
    </svg>
  ),
  Settings: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="12" r="3" />
      <path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3h0a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8v0a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z" />
    </svg>
  ),
  Bell: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M6 8a6 6 0 0 1 12 0c0 7 3 7 3 9H3c0-2 3-2 3-9zM10 21a2 2 0 0 0 4 0" />
    </svg>
  ),
  Volume: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M11 5L6 9H2v6h4l5 4zM15 9a4 4 0 0 1 0 6M19 5a8 8 0 0 1 0 14" />
    </svg>
  ),
  Info: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="12" r="9" />
      <path d="M12 8v.5M12 11v5" />
    </svg>
  ),
  Trophy: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M8 4h8v5a4 4 0 0 1-8 0zM8 6H4a3 3 0 0 0 4 5M16 6h4a3 3 0 0 1-4 5M9 14h6l-1 4h-4z" />
    </svg>
  ),
  Heart: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10z" />
    </svg>
  ),
  Trash: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M3 6h18M8 6V4h8v2M6 6l1 14a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-14M10 11v6M14 11v6" />
    </svg>
  ),
  Edit: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M4 20h4l11-11-4-4L4 16zM14 6l4 4" />
    </svg>
  ),
  Female: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="9" r="5" />
      <path d="M12 14v8M9 19h6" />
    </svg>
  ),
  Male: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="10" cy="14" r="5" />
      <path d="M14 10l6-6M16 4h4v4" />
    </svg>
  ),
  Sparkle: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M12 3v6M12 15v6M3 12h6M15 12h6M6 6l3 3M15 15l3 3M6 18l3-3M15 9l3-3" />
    </svg>
  ),
  Logo: (p = {}) => (
    <svg width="28" height="28" viewBox="0 0 32 32" fill="none" {...p}>
      <circle cx="16" cy="16" r="14" stroke="currentColor" strokeWidth="2" />
      <path d="M10 16c0-3 2.5-6 6-6s6 3 6 6" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
      <circle cx="16" cy="16" r="2" fill="currentColor" />
    </svg>
  ),
  Eye: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z" />
      <circle cx="12" cy="12" r="3" />
    </svg>
  ),
  EyeClosed: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M3 3l18 18" />
      <path d="M10.6 5.1A11 11 0 0 1 12 5c6 0 10 7 10 7a18 18 0 0 1-3.4 4M6.6 6.6A18.6 18.6 0 0 0 2 12s4 7 10 7c1.7 0 3.2-.4 4.6-1.1" />
      <path d="M9.9 9.9A3 3 0 0 0 14 14" />
    </svg>
  ),
  Vibrate: (p = {}) => (
    <svg {...iconBase} {...p}>
      <rect x="8" y="6" width="8" height="12" rx="1.5" />
      <path d="M5 9v6M3 11v2M19 9v6M21 11v2" />
    </svg>
  ),
  Waveform: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M2 12h2M6 8v8M10 5v14M14 8v8M18 10v4M22 12h0" />
    </svg>
  ),
  Target: (p = {}) => (
    <svg {...iconBase} {...p}>
      <circle cx="12" cy="12" r="9" />
      <circle cx="12" cy="12" r="5" />
      <circle cx="12" cy="12" r="1.5" fill="currentColor" />
    </svg>
  ),
  Stop: (p = {}) => (
    <svg {...iconBase} {...p}>
      <rect x="6" y="6" width="12" height="12" rx="2" fill="currentColor" stroke="none" />
    </svg>
  ),
  SkipBack: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M19 5L10 12l9 7zM6 5v14" />
    </svg>
  ),
  Shield: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6z" />
    </svg>
  ),
  Lung: (p = {}) => (
    <svg {...iconBase} {...p}>
      <path d="M12 4v8M9 7c-3 1-5 4-5 8 0 2 1 3 3 3s3-1 3-3V8M15 7c3 1 5 4 5 8 0 2-1 3-3 3s-3-1-3-3V8" />
    </svg>
  ),
};

window.Icon = Icon;