/* global React */
// Ícones da landing — stroke 16px, currentColor.

const LIcon = ({ children, size = 16, sw = 1.75, ...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 LIcons = {
  Flame: (p) => <LIcon {...p}><path d="M12 22c4.4 0 7-2.9 7-6.7 0-3.1-1.9-5.4-3.5-7.1-.8-.9-2-.3-2 .9v1.2c0 .9-.8 1.7-1.7 1.6-.9 0-1.5-.8-1.5-1.7V6.6c0-2-2.2-3.2-3.6-1.8C5.2 6.3 5 8.9 5 11.5 5 19.3 7.6 22 12 22z"/></LIcon>,
  Play: (p) => <LIcon {...p}><path d="M6 4l14 8-14 8V4z"/></LIcon>,
  Check: (p) => <LIcon {...p}><path d="M20 6L9 17l-5-5"/></LIcon>,
  ArrowRight: (p) => <LIcon {...p}><path d="M5 12h14M13 6l6 6-6 6"/></LIcon>,
  Heart: (p) => <LIcon {...p}><path d="M19 14c1.5-1.5 3-3.3 3-5.5A4.5 4.5 0 0 0 12 6 4.5 4.5 0 0 0 2 8.5c0 2.2 1.5 4 3 5.5l7 7z"/></LIcon>,
  Comment: (p) => <LIcon {...p}><path d="M21 12a8 8 0 0 1-8 8H4l2.5-2.7A8 8 0 1 1 21 12z"/></LIcon>,
  Share: (p) => <LIcon {...p}><path d="M14 5l7 7-7 7v-4.5C7 14.5 4 17 3 19c0-6 3-9.5 11-10V5z"/></LIcon>,
  Bookmark: (p) => <LIcon {...p}><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></LIcon>,
  Music: (p) => <LIcon {...p}><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/><path d="M9 18V5l12-2v11"/></LIcon>,
  Send: (p) => <LIcon {...p}><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></LIcon>,
  Close: (p) => <LIcon {...p}><path d="M18 6L6 18M6 6l12 12"/></LIcon>,
  Sparkle: (p) => <LIcon {...p}><path d="M12 3l1.9 5.6L19.5 12l-5.6 1.9L12 19.5l-1.9-5.6L4.5 12l5.6-1.9L12 3z"/></LIcon>,
  Usb: (p) => <LIcon {...p}><circle cx="12" cy="19" r="2"/><path d="M12 17V6"/><path d="M12 6l-3 3M12 6l3 3"/><rect x="9" y="2" width="6" height="4" rx="1"/></LIcon>,
  Phone: (p) => <LIcon {...p}><rect x="6" y="2" width="12" height="20" rx="3"/><path d="M11 18h2"/></LIcon>,
  Zap: (p) => <LIcon {...p}><path d="M13 2L4 14h6l-1 8 9-12h-6l1-8z"/></LIcon>,
  Shield: (p) => <LIcon {...p}><path d="M12 22s8-3.5 8-10V5l-8-3-8 3v7c0 6.5 8 10 8 10z"/></LIcon>,
  Layers: (p) => <LIcon {...p}><path d="M12 2l10 5.5L12 13 2 7.5 12 2z"/><path d="M2 12.5L12 18l10-5.5"/><path d="M2 17.5L12 23l10-5.5"/></LIcon>,
  Sliders: (p) => <LIcon {...p}><path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"/></LIcon>,
  Calendar: (p) => <LIcon {...p}><rect x="3" y="5" width="18" height="17" rx="3"/><path d="M8 2v5M16 2v5M3 10h18"/></LIcon>,
  Users: (p) => <LIcon {...p}><path d="M17 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9.5" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87M15.5 3.13a4 4 0 0 1 0 7.75"/></LIcon>,
  Trophy: (p) => <LIcon {...p}><path d="M8 21h8M12 17v4M7 4h10v6a5 5 0 0 1-10 0V4z"/><path d="M7 6H4a2 2 0 0 0 2 4h1M17 6h3a2 2 0 0 1-2 4h-1"/></LIcon>,
  Activity: (p) => <LIcon {...p}><path d="M22 12h-4l-3 8-6-16-3 8H2"/></LIcon>,
  Card: (p) => <LIcon {...p}><rect x="2" y="5" width="20" height="14" rx="3"/><path d="M2 10h20M6 15h4"/></LIcon>,
  Pix: (p) => <LIcon {...p}><rect x="8.5" y="8.5" width="7" height="7" rx="1.5" transform="rotate(45 12 12)"/><path d="M12 2.8L14.2 5M12 2.8L9.8 5M12 21.2l2.2-2.2M12 21.2L9.8 19M2.8 12L5 9.8M2.8 12L5 14.2M21.2 12L19 9.8M21.2 12L19 14.2"/></LIcon>,
  Cursor: (p) => <svg width={p?.size || 18} height={p?.size || 18} viewBox="0 0 24 24" fill="#f4efe3" stroke="#0a0908" strokeWidth="1.4"><path d="M5 3l14 8.5-6.2 1.2L16 20l-3.2 1.4-3.2-7.3L5 18V3z"/></svg>,
};

Object.assign(window, { LIcon, LIcons });