// Sparse, intentional line icons — used only where meaning is added

const Icon = {
  Mountain: ({ size = 36 }) => (
    <svg width={size} height={size} viewBox="0 0 36 36" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <path d="M2 30 L13 10 L20 22 L25 14 L34 30 Z" />
      <path d="M10 18 L13 22 L16 18" strokeWidth="0.7" />
    </svg>
  ),
  Lantern: ({ size = 36 }) => (
    <svg width={size} height={size} viewBox="0 0 36 36" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <rect x="11" y="9" width="14" height="18" />
      <line x1="11" y1="14" x2="25" y2="14" />
      <line x1="11" y1="22" x2="25" y2="22" />
      <line x1="18" y1="4" x2="18" y2="9" />
      <line x1="18" y1="27" x2="18" y2="32" />
    </svg>
  ),
  Compass: ({ size = 36 }) => (
    <svg width={size} height={size} viewBox="0 0 36 36" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <circle cx="18" cy="18" r="13" />
      <path d="M18 8 L21 18 L18 28 L15 18 Z" />
      <circle cx="18" cy="18" r="1" fill="currentColor" />
    </svg>
  ),
  Snow: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <line x1="14" y1="3" x2="14" y2="25" />
      <line x1="3" y1="14" x2="25" y2="14" />
      <line x1="6" y1="6" x2="22" y2="22" />
      <line x1="22" y1="6" x2="6" y2="22" />
    </svg>
  ),
  Ski: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <line x1="3" y1="24" x2="25" y2="6" />
      <line x1="5" y1="22" x2="9" y2="26" />
      <line x1="21" y1="6" x2="25" y2="10" />
      <circle cx="14" cy="14" r="2.4" />
    </svg>
  ),
  Onsen: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <path d="M3 20 Q7 16 14 20 T25 20" />
      <path d="M3 24 Q7 20 14 24 T25 24" />
      <path d="M9 12 Q9 8 11 6 M14 12 Q14 8 16 6 M19 12 Q19 8 21 6" />
    </svg>
  ),
  Shuttle: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <rect x="4" y="9" width="20" height="11" />
      <line x1="4" y1="14" x2="24" y2="14" />
      <circle cx="9" cy="22" r="1.6" />
      <circle cx="19" cy="22" r="1.6" />
      <line x1="14" y1="9" x2="14" y2="14" />
    </svg>
  ),
  Dining: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <line x1="8" y1="4" x2="8" y2="24" />
      <line x1="6" y1="4" x2="6" y2="14" />
      <line x1="10" y1="4" x2="10" y2="14" />
      <path d="M18 4 Q22 4 22 12 L18 12 L18 24" />
    </svg>
  ),
  Gear: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <path d="M14 4 L20 7 L20 17 Q20 22 14 25 Q8 22 8 17 L8 7 Z" />
      <line x1="10" y1="14" x2="18" y2="14" />
    </svg>
  ),
  Lesson: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <circle cx="14" cy="9" r="3" />
      <path d="M6 24 Q6 16 14 16 Q22 16 22 24" />
    </svg>
  ),
  Slope: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <path d="M3 22 L22 5 L24 22 Z" />
      <line x1="10" y1="18" x2="22" y2="14" strokeDasharray="2,3" />
    </svg>
  ),
  Safe: ({ size = 28 }) => (
    <svg width={size} height={size} viewBox="0 0 28 28" fill="none" stroke="currentColor" strokeWidth="1" strokeLinecap="square">
      <path d="M14 3 L24 7 L24 14 Q24 22 14 25 Q4 22 4 14 L4 7 Z" />
      <path d="M9 14 L13 18 L19 11" />
    </svg>
  ),
  Wifi: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1">
      <path d="M2 8 Q11 1 20 8" />
      <path d="M5 12 Q11 7 17 12" />
      <path d="M8 16 Q11 13 14 16" />
      <circle cx="11" cy="19" r="0.8" fill="currentColor" />
    </svg>
  ),
  Bed: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1">
      <path d="M2 17 L2 9 L20 9 L20 17" />
      <line x1="2" y1="17" x2="20" y2="17" />
      <rect x="5" y="11" width="5" height="4" />
    </svg>
  ),
  Kid: ({ size = 22 }) => (
    <svg width={size} height={size} viewBox="0 0 22 22" fill="none" stroke="currentColor" strokeWidth="1">
      <circle cx="11" cy="6" r="2.4" />
      <path d="M6 19 Q6 13 11 13 Q16 13 16 19" />
      <line x1="11" y1="14" x2="11" y2="19" />
    </svg>
  ),
};
Object.assign(window, { Icon });
