/* icons.jsx — Iconos SVG line-art (estilo consistente) */
const Ic = ({ d, size = 18, fill, stroke = "currentColor", sw = 1.7, children, vb = 24 }) => (
  <svg width={size} height={size} viewBox={`0 0 ${vb} ${vb}`} fill={fill || "none"}
       stroke={stroke} strokeWidth={sw} strokeLinecap="round" strokeLinejoin="round">
    {children || <path d={d} />}
  </svg>
);

const Icons = {
  search: (p) => <Ic {...p}><circle cx="11" cy="11" r="7" /><path d="M21 21l-4.3-4.3" /></Ic>,
  arrowR: (p) => <Ic {...p}><path d="M5 12h14M13 6l6 6-6 6" /></Ic>,
  arrowL: (p) => <Ic {...p}><path d="M19 12H5M11 18l-6-6 6-6" /></Ic>,
  pin: (p) => <Ic {...p}><path d="M12 21s-6-5.3-6-10a6 6 0 1112 0c0 4.7-6 10-6 10z" /><circle cx="12" cy="11" r="2.2" /></Ic>,
  clock: (p) => <Ic {...p}><circle cx="12" cy="12" r="8.5" /><path d="M12 7.5V12l3 1.7" /></Ic>,
  briefcase: (p) => <Ic {...p}><rect x="3" y="7.5" width="18" height="12" rx="2" /><path d="M8.5 7.5V6a2 2 0 012-2h3a2 2 0 012 2v1.5M3 12.5h18" /></Ic>,
  layers: (p) => <Ic {...p}><path d="M12 3l9 5-9 5-9-5 9-5z" /><path d="M3 13l9 5 9-5" /></Ic>,
  check: (p) => <Ic {...p}><path d="M20 6L9 17l-5-5" /></Ic>,
  checkCircle: (p) => <Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M8.5 12.5l2.5 2.5 4.5-5" /></Ic>,
  spark: (p) => <Ic {...p}><path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5L18 18M18 6l-2.5 2.5M8.5 15.5L6 18" /></Ic>,
  flame: (p) => <Ic {...p}><path d="M12 3c.5 3-2.5 4.5-2.5 7.5a2.5 2.5 0 005 0c0-1 .5-1.5.5-1.5s2 2 2 4.5a5.5 5.5 0 11-11 0C4 9.5 9 8 9 3.5c1.5.5 2.5 1 3 -.5z" /></Ic>,
  globe: (p) => <Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M3 12h18M12 3c2.5 2.6 2.5 15.4 0 18M12 3c-2.5 2.6-2.5 15.4 0 18" /></Ic>,
  heart: (p) => <Ic {...p}><path d="M12 20s-7-4.5-7-10a4 4 0 017-2.6A4 4 0 0119 10c0 5.5-7 10-7 10z" /></Ic>,
  users: (p) => <Ic {...p}><circle cx="9" cy="9" r="3" /><path d="M3.5 19a5.5 5.5 0 0111 0M16 6.5a3 3 0 010 5.8M20.5 19a5.5 5.5 0 00-3.5-5" /></Ic>,
  zap: (p) => <Ic {...p}><path d="M13 3L5 13h6l-1 8 8-10h-6l1-8z" /></Ic>,
  upload: (p) => <Ic {...p}><path d="M12 16V5M8 9l4-4 4 4M5 19h14" /></Ic>,
  file: (p) => <Ic {...p}><path d="M14 3v5h5M7 3h8l5 5v11a1 1 0 01-1 1H7a1 1 0 01-1-1V4a1 1 0 011-1z" /></Ic>,
  menu: (p) => <Ic {...p}><path d="M4 7h16M4 12h16M4 17h16" /></Ic>,
  x: (p) => <Ic {...p}><path d="M6 6l12 12M18 6L6 18" /></Ic>,
  share: (p) => <Ic {...p}><circle cx="18" cy="5" r="2.5" /><circle cx="6" cy="12" r="2.5" /><circle cx="18" cy="19" r="2.5" /><path d="M8.2 10.8l7.6-4.4M8.2 13.2l7.6 4.4" /></Ic>,
  filter: (p) => <Ic {...p}><path d="M3 5h18l-7 8v6l-4-2v-4L3 5z" /></Ic>,
  mail: (p) => <Ic {...p}><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M3 7l9 6 9-6" /></Ic>,
  code: (p) => <Ic {...p}><path d="M9 8l-4 4 4 4M15 8l4 4-4 4" /></Ic>,
  compass: (p) => <Ic {...p}><circle cx="12" cy="12" r="9" /><path d="M15.5 8.5l-2 5-5 2 2-5 5-2z" /></Ic>,
  facebook: (p) => <Ic {...p} fill="currentColor" stroke="none"><path d="M13.4 21v-7h2.3l.4-2.8h-2.7V9.4c0-.8.2-1.3 1.4-1.3h1.4V5.6c-.3 0-1.1-.1-2.1-.1-2.1 0-3.6 1.3-3.6 3.7v2.1H8.1V14h2.5v7z" /></Ic>,
  instagram: (p) => <Ic {...p}><rect x="4" y="4" width="16" height="16" rx="5" /><circle cx="12" cy="12" r="3.4" /><circle cx="16.6" cy="7.4" r="1" fill="currentColor" stroke="none" /></Ic>,
  youtube: (p) => <Ic {...p}><rect x="3" y="6.5" width="18" height="11" rx="3.4" /><path d="M11 9.7l4.2 2.3L11 14.3z" fill="currentColor" stroke="none" /></Ic>,
  linkedin: (p) => <Ic {...p}><rect x="4" y="4" width="16" height="16" rx="3" /><path d="M8 10.5V16M8 7.6v.01M11.5 16v-3.2c0-1 .8-1.8 1.8-1.8s1.7.8 1.7 1.8V16" /></Ic>,
  x: (p) => <Ic {...p} fill="currentColor" stroke="none"><path d="M17.5 4h2.6l-5.7 6.5L21 20h-5.3l-4.1-5.4L6.8 20H4.2l6-6.9L4 4h5.4l3.7 4.9zm-.9 14.4h1.4L8.2 5.5H6.7z" /></Ic>,
};
