/* eslint-disable */
/* global React */

// Tiny icon helpers (no lucide dep — pure SVG)
const Icon = ({ d, size = 18, stroke = 1.6, viewBox = "0 0 24 24", children, ...rest }) => (
  <svg width={size} height={size} viewBox={viewBox} fill="none" stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" {...rest}>
    {d ? <path d={d} /> : children}
  </svg>
);

const I = {
  arrow: (p) => <Icon {...p}><path d="M5 12h14" /><path d="m13 6 6 6-6 6" /></Icon>,
  arrowUp: (p) => <Icon {...p}><path d="M7 17 17 7" /><path d="M7 7h10v10" /></Icon>,
  arrowDown: (p) => <Icon {...p}><path d="M17 7 7 17" /><path d="M17 17H7V7" /></Icon>,
  bridge: (p) => <Icon {...p}><path d="M3 12c3 0 4-4 9-4s6 4 9 4" /><path d="M3 16h18" /><path d="M7 16v4" /><path d="M17 16v4" /></Icon>,
  stake: (p) => <Icon {...p}><rect x="3" y="11" width="6" height="9" rx="1" /><rect x="9" y="7" width="6" height="13" rx="1" /><rect x="15" y="3" width="6" height="17" rx="1" /></Icon>,
  flame: (p) => <Icon {...p}><path d="M12 22c4.5 0 7-3 7-7 0-3-2-4.5-3-7 0 2-1 3-2 3.5C13 8 14 4 10 2c0 3-2 4-3.5 6S5 11 5 13c0 5 3 9 7 9z" /></Icon>,
  social: (p) => <Icon {...p}><circle cx="12" cy="8" r="3" /><path d="M5 21c0-3.5 3-6 7-6s7 2.5 7 6" /></Icon>,
  tg: (p) => <Icon {...p} viewBox="0 0 24 24"><path d="m21 4-3 16-6-5-3 3v-5l12-9z" /><path d="m9 13 9-9-13 7 4 2z" /></Icon>,
  x: ({ size = 18, ...rest }) => (
    <svg width={size} height={size} viewBox="0 0 300 271" fill="currentColor" stroke="none" {...rest}>
      <path d="m236 0h46l-101 115 118 156h-92.6l-72.5-94.8-83 94.8h-46l107-123-113-148h94.9l65.5 86.6zm-16.1 244h25.5l-165-218h-27.4z" />
    </svg>
  ),
  discord: (p) => <Icon {...p}><path d="M7 17c2 1 4 1 5 1s3 0 5-1" /><path d="M5 8c2-2 4-2 7-2s5 0 7 2" /><path d="M5 8c-1 3-1 6 0 9 2 1 4 1 5 1" /><path d="M19 8c1 3 1 6 0 9-2 1-4 1-5 1" /><circle cx="9.5" cy="12" r="1" /><circle cx="14.5" cy="12" r="1" /></Icon>,
  wallet: (p) => <Icon {...p}><rect x="3" y="6" width="18" height="14" rx="2" /><path d="M3 10h18" /><circle cx="16" cy="15" r="1.2" /></Icon>,
  check: (p) => <Icon {...p}><path d="m5 12 5 5 9-11" /></Icon>,
  lock: (p) => <Icon {...p}><rect x="5" y="11" width="14" height="10" rx="2" /><path d="M8 11V8a4 4 0 0 1 8 0v3" /></Icon>,
  unlock: (p) => <Icon {...p}><rect x="5" y="11" width="14" height="10" rx="2" /><path d="M8 11V8a4 4 0 0 1 7.5-2" /></Icon>,
  zap: (p) => <Icon {...p}><path d="M13 2 4 14h7l-1 8 9-12h-7l1-8z" /></Icon>,
  diamond: (p) => <Icon {...p}><path d="m6 3h12l4 6-10 12L2 9z" /><path d="M2 9h20" /><path d="m12 21 4-12-2-6" /><path d="m12 21-4-12 2-6" /></Icon>,
  globe: (p) => <Icon {...p}><circle cx="12" cy="12" r="9" /><path d="M3 12h18" /><path d="M12 3a13 13 0 0 1 0 18M12 3a13 13 0 0 0 0 18" /></Icon>,
  shield: (p) => <Icon {...p}><path d="M12 2 4 6v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V6l-8-4z" /></Icon>,
  clock: (p) => <Icon {...p}><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></Icon>,
  ext: (p) => <Icon {...p}><path d="M14 4h6v6" /><path d="M20 4 10 14" /><path d="M20 14v6H4V4h6" /></Icon>,
  plus: (p) => <Icon {...p}><path d="M12 5v14M5 12h14" /></Icon>,
  pencil: (p) => <Icon {...p}><path d="m4 20 1-5 11-11 4 4-11 11-5 1z" /></Icon>,
  x_close: (p) => <Icon {...p}><path d="M6 6l12 12M18 6 6 18" /></Icon>,
  copy: (p) => <Icon {...p}><rect x="8" y="8" width="13" height="13" rx="2" /><path d="M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3" /></Icon>,
  layers: (p) => <Icon {...p}><path d="m12 3 9 5-9 5-9-5 9-5z" /><path d="m3 13 9 5 9-5" /><path d="m3 18 9 5 9-5" /></Icon>,
  trend: (p) => <Icon {...p}><path d="m3 17 6-6 4 4 8-8" /><path d="M21 7h-5v5" /></Icon>,
  fire: (p) => <Icon {...p}><path d="M12 22c4 0 7-3 7-7 0-3-2-5-3-6 0 1-1 2-2 2 0-3-2-5-4-7-1 2-2 4-2 6 0 1-2 2-2 5 0 4 2 7 6 7z" /></Icon>,
  sparkle: (p) => <Icon {...p}><path d="M12 3v5l4 1-4 1v5l-1-4-4-1 4-1z" transform="translate(0,2)" /></Icon>,
  grid: (p) => <Icon {...p}><rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="3" y="14" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /></Icon>,
  chain: (p) => <Icon {...p}><path d="M10 14a4 4 0 0 0 5.66 0l3-3a4 4 0 0 0-5.66-5.66l-1 1" /><path d="M14 10a4 4 0 0 0-5.66 0l-3 3a4 4 0 0 0 5.66 5.66l1-1" /></Icon>,
};

window.Icon = Icon;
window.I = I;