// icons.jsx — line-style monochrome icons for services + UI bits.
// Stroke-based, currentColor, 24x24 viewBox. Keep them geometric/abstract.

const IconAuto = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
    <circle cx="6" cy="6" r="2.2" />
    <circle cx="18" cy="6" r="2.2" />
    <circle cx="6" cy="18" r="2.2" />
    <circle cx="18" cy="18" r="2.2" />
    <path d="M8.2 6h7.6M6 8.2v7.6M18 8.2v7.6M8.2 18h7.6" />
    <path d="M10.5 12 12 13.5 14 11" strokeLinecap="round" strokeLinejoin="round" />
  </svg>
);

const IconCustom = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M3 5h18v14H3z" />
    <path d="M3 9h18" />
    <path d="m7 13 2 2-2 2M11 17h3" strokeLinecap="round" strokeLinejoin="round" />
  </svg>
);

const IconDash = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M3 4h8v8H3zM13 4h8v5h-8zM13 11h8v9h-8zM3 14h8v6H3z" />
  </svg>
);

const IconReport = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M6 3h9l3 3v15H6z" />
    <path d="M15 3v3h3" />
    <path d="M9 11h6M9 14h6M9 17h4" strokeLinecap="round" />
  </svg>
);

const IconConsult = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
    <circle cx="12" cy="12" r="9" />
    <path d="M12 3v18M3 12h18M5 7c4 4 10 4 14 0M5 17c4-4 10-4 14 0" />
  </svg>
);

const IconIntegrate = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4">
    <rect x="3" y="3" width="7" height="7" rx="1" />
    <rect x="14" y="14" width="7" height="7" rx="1" />
    <path d="M10 6.5h4.5a3 3 0 0 1 3 3v4" strokeLinecap="round" />
    <path d="m15 11 2.5 2.5L20 11" strokeLinecap="round" strokeLinejoin="round" />
  </svg>
);

const IconArrow = ({ size = 16 }) => (
  <svg width={size} height={size} viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.4">
    <path d="M4 8h8M8 4l4 4-4 4" strokeLinecap="round" strokeLinejoin="round" />
  </svg>
);

const IconDrag = () => (
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6">
    <path d="m9 8-3 4 3 4M15 8l3 4-3 4" strokeLinecap="round" strokeLinejoin="round" />
  </svg>
);

Object.assign(window, { IconAuto, IconCustom, IconDash, IconReport, IconConsult, IconIntegrate, IconArrow, IconDrag });
