// ============================================================
// Velio Tech — Icons (geometric, single weight, custom)
// ============================================================

const stroke = { fill: 'none', stroke: 'currentColor', strokeWidth: 1.7, strokeLinecap: 'round', strokeLinejoin: 'round' };

const Icon = {
  whatsapp: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M3.5 20.5l1.4-4.5a8 8 0 1 1 3 3l-4.4 1.5z" />
      <path d="M8.5 9.5c.3 2.5 2.5 4.7 5 5 .5 0 .9-.2 1.2-.5l.7-.8c.3-.3.7-.4 1.1-.2l1.6.7c.4.2.6.6.5 1.1-.4 1.4-1.7 2.2-3.1 2.2-3.6 0-7-3.4-7-7 0-1.4.8-2.7 2.2-3.1.5-.1.9.1 1.1.5l.7 1.6c.2.4.1.8-.2 1.1l-.8.7c-.3.3-.5.7-.4 1.1z" fill="currentColor" stroke="none" />
    </svg>
  ),
  mail: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <rect x="3" y="5" width="18" height="14" rx="3" />
      <path d="M4 7l7.4 5.6a1 1 0 0 0 1.2 0L20 7" />
    </svg>
  ),
  phone: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A14 14 0 0 1 4 6a2 2 0 0 1 2-2" />
    </svg>
  ),
  doc: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M7 3h7l4 4v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
      <path d="M14 3v4h4" />
      <path d="M9 12h6M9 16h4" />
    </svg>
  ),
  invoice: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M6 3h12v18l-2-1.4L14 21l-2-1.4L10 21l-2-1.4L6 21z" />
      <path d="M9 8h6M9 12h6M9 16h3" />
    </svg>
  ),
  translate: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M4 6h8" />
      <path d="M8 4v2c0 4-2 7-5 8" />
      <path d="M5 9c1 2.5 4 5 7 6" />
      <path d="M13 20l4-10 4 10" />
      <path d="M14.5 17h5" />
    </svg>
  ),
  sparkle: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M12 3l1.7 5.3L19 10l-5.3 1.7L12 17l-1.7-5.3L5 10l5.3-1.7z" />
      <path d="M19 16l.6 1.4L21 18l-1.4.6L19 20l-.6-1.4L17 18l1.4-.6z" />
    </svg>
  ),
  list: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M4 6h16M4 12h16M4 18h10" />
    </svg>
  ),
  user: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <circle cx="12" cy="8" r="4" />
      <path d="M4 20c0-4 3.6-7 8-7s8 3 8 7" />
    </svg>
  ),
  folder: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
    </svg>
  ),
  check: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M5 12l4 4 10-10" />
    </svg>
  ),
  arrowRight: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M5 12h14M13 6l6 6-6 6" />
    </svg>
  ),
  arrowDown: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M12 5v14M6 13l6 6 6-6" />
    </svg>
  ),
  play: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M7 5l12 7-12 7z" fill="currentColor" />
    </svg>
  ),
  globe: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <circle cx="12" cy="12" r="9" />
      <path d="M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18" />
    </svg>
  ),
  shield: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M12 3l8 3v6c0 5-4 8-8 9-4-1-8-4-8-9V6z" />
      <path d="M9 12l2 2 4-4" />
    </svg>
  ),
  clock: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <circle cx="12" cy="12" r="9" />
      <path d="M12 7v5l3 2" />
    </svg>
  ),
  heart: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <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>
  ),
  pin: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M12 21s-7-6-7-12a7 7 0 0 1 14 0c0 6-7 12-7 12z" />
      <circle cx="12" cy="9" r="2.5" />
    </svg>
  ),
  ig: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <rect x="3" y="3" width="18" height="18" rx="5" />
      <circle cx="12" cy="12" r="4" />
      <circle cx="17.5" cy="6.5" r="0.6" fill="currentColor" stroke="none" />
    </svg>
  ),
  voice: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M4 10v4M8 7v10M12 5v14M16 8v8M20 11v2" />
    </svg>
  ),
  card: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <rect x="3" y="6" width="18" height="12" rx="2" />
      <path d="M3 10h18M7 15h3" />
    </svg>
  ),
  bolt: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M13 3L5 14h6l-1 7 8-11h-6z" />
    </svg>
  ),
  star: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M12 3l2.6 5.6L20 9.5l-4 4 1 6-5-2.8L7 19.5l1-6-4-4 5.4-.9z" />
    </svg>
  ),
  menu: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M4 7h16M4 12h16M4 17h16" />
    </svg>
  ),
  close: (s = 24) => (
    <svg width={s} height={s} viewBox="0 0 24 24" {...stroke}>
      <path d="M6 6l12 12M18 6L6 18" />
    </svg>
  ),
};

window.Icon = Icon;
