/* Inline SVG icons */

const Ico = ({ children, size = 20, stroke = 1.7 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    {children}
  </svg>
);

const I = {
  check: () => <Ico><path d="M5 12.5l4.5 4.5L19 7.5"/></Ico>,
  x: () => <Ico><path d="M6 6l12 12M18 6L6 18"/></Ico>,
  alert: () => <Ico><path d="M12 8v5M12 17h.01"/><path d="M10.3 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></Ico>,
  pos: () => <Ico><rect x="3" y="4" width="18" height="14" rx="2"/><path d="M3 10h18M8 14h2"/></Ico>,
  stock: () => <Ico><path d="M3 7l9-4 9 4-9 4-9-4z"/><path d="M3 12l9 4 9-4M3 17l9 4 9-4"/></Ico>,
  cart: () => <Ico><circle cx="9" cy="20" r="1.5"/><circle cx="17" cy="20" r="1.5"/><path d="M3 4h2l2.5 12.5a1 1 0 001 .8h9.5a1 1 0 001-.78L21 7H6"/></Ico>,
  tag: () => <Ico><path d="M20 12L12 4H4v8l8 8 8-8z"/><circle cx="8" cy="8" r="1.5"/></Ico>,
  users: () => <Ico><path d="M16 11a4 4 0 10-8 0 4 4 0 008 0z"/><path d="M3 21v-1a5 5 0 015-5h8a5 5 0 015 5v1"/></Ico>,
  invoice: () => <Ico><path d="M6 3h12v18l-3-2-3 2-3-2-3 2V3z"/><path d="M9 8h6M9 12h6M9 16h4"/></Ico>,
  chart: () => <Ico><path d="M3 3v18h18"/><path d="M7 15l4-4 3 3 6-6"/></Ico>,
  rotate: () => <Ico><path d="M21 12a9 9 0 11-3-6.7"/><path d="M21 4v5h-5"/></Ico>,
  zzz: () => <Ico><path d="M4 4h7L4 14h7M13 10h5l-5 8h5"/></Ico>,
  dashboard: () => <Ico><rect x="3" y="3" width="8" height="8" rx="1.5"/><rect x="13" y="3" width="8" height="5" rx="1.5"/><rect x="13" y="10" width="8" height="11" rx="1.5"/><rect x="3" y="13" width="8" height="8" rx="1.5"/></Ico>,
  search: () => <Ico><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.5-4.5"/></Ico>,
  whatsapp: () => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
      <path d="M19.05 4.91A10 10 0 002.21 17.4L2 22l4.7-1.21a10 10 0 0014.35-13.9zM12 20.06a8.06 8.06 0 01-4.12-1.13l-.29-.17-2.79.72.74-2.72-.19-.31A8.06 8.06 0 1112 20.06zm4.43-6.06c-.24-.12-1.43-.7-1.65-.78-.22-.08-.38-.12-.54.12-.16.24-.62.78-.76.94-.14.16-.28.18-.52.06a6.63 6.63 0 01-1.95-1.2 7.39 7.39 0 01-1.35-1.69c-.14-.24 0-.36.1-.48.1-.1.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16 0-.3-.04-.42-.06-.12-.54-1.3-.74-1.78-.2-.48-.4-.4-.54-.4h-.46a.88.88 0 00-.64.3 2.7 2.7 0 00-.84 2c0 1.18.86 2.32.98 2.48.12.16 1.7 2.6 4.12 3.64.58.26 1.02.4 1.38.52.58.18 1.1.16 1.52.1.46-.06 1.43-.58 1.63-1.14.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28z"/>
    </svg>
  ),
  phone: () => <Ico><path d="M5 4a2 2 0 012-2h1.5a1 1 0 01.98.8l.8 3.2a1 1 0 01-.3.95L8.5 8.5a12 12 0 007 7l1.55-1.48a1 1 0 01.95-.3l3.2.8a1 1 0 01.8.98V17a2 2 0 01-2 2h-1A16 16 0 015 5V4z"/></Ico>,
  mapPin: () => <Ico><path d="M12 21s7-7 7-12a7 7 0 10-14 0c0 5 7 12 7 12z"/><circle cx="12" cy="9" r="2.5"/></Ico>,
  shield: () => <Ico><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z"/></Ico>,
  zap: () => <Ico><path d="M13 2L4 14h7l-1 8 9-12h-7l1-8z"/></Ico>,
  car: () => <Ico><path d="M5 17h14M5 17v2a1 1 0 001 1h1a1 1 0 001-1v-2M19 17v2a1 1 0 01-1 1h-1a1 1 0 01-1-1v-2M3 13l2-6a2 2 0 012-1.8h10a2 2 0 012 1.8l2 6M3 13v4h18v-4M3 13h18"/><circle cx="7.5" cy="14.5" r="1"/><circle cx="16.5" cy="14.5" r="1"/></Ico>,
  tools: () => <Ico><path d="M14.7 6.3a4 4 0 00-5.6 5.6L3 18l3 3 6.1-6.1a4 4 0 005.6-5.6l-2.8 2.8-2.5-.4-.4-2.5 2.7-2.9z"/></Ico>,
  bolt: () => <Ico><path d="M11 21L20 9h-6l1-7L4 14h6l-1 7z"/></Ico>,
  drop: () => <Ico><path d="M12 3s7 7 7 12a7 7 0 11-14 0c0-5 7-12 7-12z"/></Ico>,
  smartphone: () => <Ico><rect x="6" y="2" width="12" height="20" rx="2"/><path d="M11 18h2"/></Ico>,
  headphone: () => <Ico><path d="M3 18v-6a9 9 0 1118 0v6"/><path d="M21 19a2 2 0 01-2 2h-1v-7h3v5zM3 19a2 2 0 002 2h1v-7H3v5z"/></Ico>,
  sparkle: () => <Ico><path d="M12 2v6M12 16v6M2 12h6M16 12h6M5 5l4 4M15 15l4 4M19 5l-4 4M9 15l-5 4"/></Ico>,
  calendar: () => <Ico><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4"/></Ico>,
  building: () => <Ico><rect x="4" y="3" width="16" height="18" rx="1"/><path d="M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10 21v-4h4v4"/></Ico>,
  layers: () => <Ico><path d="M12 2l9 5-9 5-9-5 9-5z"/><path d="M3 12l9 5 9-5M3 17l9 5 9-5"/></Ico>,
  arrowRight: () => <Ico><path d="M5 12h14M13 5l7 7-7 7"/></Ico>,
  arrowLeft: () => <Ico><path d="M19 12H5M11 5l-7 7 7 7"/></Ico>,
  star: () => <Ico><path d="M12 2l3 7 7 .8-5.3 4.7L18 22l-6-3.5L6 22l1.3-7.5L2 9.8 9 9l3-7z"/></Ico>,
  truck: () => <Ico><path d="M3 7h11v9H3zM14 10h4l3 3v3h-7"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></Ico>,
  printer: () => <Ico><path d="M6 9V3h12v6"/><rect x="3" y="9" width="18" height="9" rx="2"/><path d="M6 14h12v7H6z"/><circle cx="17" cy="12" r="0.6" fill="currentColor"/></Ico>,
  scanner: () => <Ico><path d="M3 6v12M7 6v12M11 6v8M14 6v12M18 6v12M21 6v8"/><path d="M3 21h18" stroke="none"/></Ico>,
  monitor: () => <Ico><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4"/></Ico>,
  drawer: () => <Ico><rect x="3" y="9" width="18" height="11" rx="1.5"/><path d="M3 13h18M9 16h6"/></Ico>,
  gauge: () => <Ico><path d="M12 14l4-4"/><circle cx="12" cy="14" r="0.8" fill="currentColor"/><path d="M3 14a9 9 0 0118 0"/></Ico>,
  flame: () => <Ico><path d="M12 22a7 7 0 007-7c0-3-2-5-3-7-1.5 1.5-3 2-3 4 0-2-2-3-3-5-1 3-5 4-5 8a7 7 0 007 7z"/></Ico>,
  receipt: () => <Ico><path d="M6 3h12v18l-2-1.5L14 21l-2-1.5L10 21l-2-1.5L6 21V3z"/><path d="M9 8h6M9 12h6M9 16h3"/></Ico>,
  clock: () => <Ico><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></Ico>,
  shield2: () => <Ico><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z"/><path d="M9 12l2 2 4-4"/></Ico>,
  flag: () => <Ico><path d="M4 21V4M4 4h13l-2 4 2 4H4"/></Ico>,
  trend: () => <Ico><path d="M3 17l6-6 4 4 8-8"/><path d="M14 7h7v7"/></Ico>,
  trendDown: () => <Ico><path d="M3 7l6 6 4-4 8 8"/><path d="M14 17h7v-7"/></Ico>,
};

window.I = I;
window.Ico = Ico;

function SectMark({ n, label }){
  return null;
}
window.SectMark = SectMark;
