// Iconos de línea — Auto Paniagua
const Icon = ({ d, size = 20, stroke = 1.6, fill = "none", ...p }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke="currentColor"
    strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" {...p}>
    {Array.isArray(d) ? d.map((dd, i) => <path key={i} d={dd} />) : <path d={d} />}
  </svg>
);

const Icons = {
  search: (p) => <Icon d={["M21 21l-4.35-4.35", "M11 19a8 8 0 100-16 8 8 0 000 16z"]} {...p} />,
  menu: (p) => <Icon d={["M3 6h18", "M3 12h18", "M3 18h18"]} {...p} />,
  close: (p) => <Icon d={["M18 6L6 18", "M6 6l12 12"]} {...p} />,
  arrowRight: (p) => <Icon d={["M5 12h14", "M13 5l7 7-7 7"]} {...p} />,
  arrowLeft: (p) => <Icon d={["M19 12H5", "M11 5l-7 7 7 7"]} {...p} />,
  chevronDown: (p) => <Icon d="M6 9l6 6 6-6" {...p} />,
  chevronRight: (p) => <Icon d="M9 6l6 6-6 6" {...p} />,
  phone: (p) => <Icon d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.13.96.36 1.9.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0122 16.92z" {...p} />,
  mail: (p) => <Icon d={["M4 4h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2z", "M22 6l-10 7L2 6"]} {...p} />,
  pin: (p) => <Icon d={["M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", "M12 13a3 3 0 100-6 3 3 0 000 6z"]} {...p} />,
  gauge: (p) => <Icon d={["M12 14a2 2 0 100-4 2 2 0 000 4z", "M13.4 12.6L19 7", "M4.2 18a9 9 0 1115.6 0z"]} {...p} />,
  fuel: (p) => <Icon d={["M3 22V5a2 2 0 012-2h6a2 2 0 012 2v17", "M3 12h10", "M13 8l3.5 3.5a2 2 0 01.6 1.4V18a2 2 0 002 2 2 2 0 002-2V9.8a2 2 0 00-.6-1.4L18 5"]} {...p} />,
  gear: (p) => <Icon d={["M12 12m-3 0a3 3 0 106 0 3 3 0 10-6 0", "M12 2v3", "M12 19v3", "M5 5l2 2", "M17 17l2 2", "M2 12h3", "M19 12h3", "M5 19l2-2", "M17 7l2-2"]} {...p} />,
  engine: (p) => <Icon d={["M6 9h6l2 3h3a2 2 0 012 2v3a2 2 0 01-2 2H7l-3-3H2v-4h2l2-3z", "M9 9V6h4", "M18 11V8h2"]} {...p} />,
  calendar: (p) => <Icon d={["M3 4h18v18H3z", "M3 9h18", "M8 2v4", "M16 2v4"]} {...p} />,
  shield: (p) => <Icon d={["M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", "M9 12l2 2 4-4"]} {...p} />,
  star: (p) => <Icon fill="currentColor" stroke="none" d="M12 2l2.9 6.3 6.9.6-5.2 4.6 1.6 6.8L12 17.3 5.8 20.9l1.6-6.8L2.2 8.9l6.9-.6L12 2z" {...p} />,
  whatsapp: ({ size = 20, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M17.5 14.4c-.3-.15-1.75-.86-2-.96-.27-.1-.47-.15-.66.15-.2.3-.76.95-.93 1.15-.17.2-.34.22-.64.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.77-1.66-2.07-.17-.3-.02-.46.13-.61.13-.13.3-.34.45-.51.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.66-1.6-.9-2.18-.24-.57-.48-.5-.66-.5l-.56-.01c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.07 2.88 1.22 3.08.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.69.63.71.22 1.36.19 1.87.12.57-.09 1.75-.72 2-1.41.25-.69.25-1.28.17-1.41-.07-.13-.27-.2-.57-.35z M12 2a10 10 0 00-8.6 15.05L2 22l5.07-1.33A10 10 0 1012 2zm0 18.2a8.2 8.2 0 01-4.18-1.14l-.3-.18-3 .79.8-2.93-.2-.3A8.2 8.2 0 1112 20.2z"/>
    </svg>
  ),
  facebook: (p) => <Icon stroke="none" fill="currentColor" d="M14 9h3l.5-3.5H14V3.8c0-1 .3-1.7 1.8-1.7H18V-.0h.0C17.6.0 16.5 0 15.3 0 12.6 0 11 1.6 11 4.5V5.5H8V9h3v11h3V9z" {...p} />,
  instagram: (p) => <Icon d={["M16 4H8a4 4 0 00-4 4v8a4 4 0 004 4h8a4 4 0 004-4V8a4 4 0 00-4-4z", "M12 15a3 3 0 100-6 3 3 0 000 6z", "M17 7h0"]} {...p} />,
  check: (p) => <Icon d="M5 13l4 4L19 7" {...p} />,
  sliders: (p) => <Icon d={["M4 6h10", "M18 6h2", "M4 12h4", "M12 12h8", "M4 18h12", "M18 18h2", "M14 4v4", "M8 10v4", "M16 16v4"]} {...p} />,
  grid: (p) => <Icon d={["M4 4h7v7H4z", "M13 4h7v7h-7z", "M4 13h7v7H4z", "M13 13h7v7h-7z"]} {...p} />,
  heart: (p) => <Icon d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" {...p} />,
  seat: (p) => <Icon d={["M5 11V6a2 2 0 012-2h2a2 2 0 012 2v5", "M5 11h8a2 2 0 012 2v3H7a2 2 0 01-2-2v-3z", "M15 16h2a2 2 0 002-2v-2", "M7 16v3", "M14 16v3"]} {...p} />,
  bolt: (p) => <Icon d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" {...p} />,
  tag: (p) => <Icon d={["M20 12l-8.5 8.5a2 2 0 01-2.83 0L3 14.83V4h10.83L20 10.17a2 2 0 010 1.83z", "M7.5 7.5h.01"]} {...p} />,
  clock: (p) => <Icon d={["M12 22a10 10 0 100-20 10 10 0 000 20z", "M12 6v6l4 2"]} {...p} />,
  sun: (p) => <Icon d={["M12 17a5 5 0 100-10 5 5 0 000 10z", "M12 1v2", "M12 21v2", "M4.2 4.2l1.4 1.4", "M18.4 18.4l1.4 1.4", "M1 12h2", "M21 12h2", "M4.2 19.8l1.4-1.4", "M18.4 5.6l1.4-1.4"]} {...p} />,
  moon: (p) => <Icon d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z" {...p} />,
};

window.Icons = Icons;
