/* Icons — original line work, minimal */
const I = {};

I.Arrow = ({ size = 14 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    <path d="M5 12h14M13 6l6 6-6 6"/>
  </svg>
);

I.Check = ({ size = 14 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
    <path d="M5 12l5 5L20 7"/>
  </svg>
);

I.Plus = ({ size = 14 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round">
    <path d="M12 5v14M5 12h14"/>
  </svg>
);

/* 8 frentes icons */
I.Strategy = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <circle cx="20" cy="20" r="14"/>
    <circle cx="20" cy="20" r="8"/>
    <circle cx="20" cy="20" r="2.5" fill="currentColor"/>
    <path d="M20 2v6M20 32v6M2 20h6M32 20h6" strokeLinecap="round"/>
  </svg>
);
I.Identity = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <path d="M8 32V12a4 4 0 014-4h16a4 4 0 014 4v20"/>
    <path d="M8 32h24"/>
    <path d="M16 16h8M14 22h12M18 28h4"/>
  </svg>
);
I.Social = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <rect x="6" y="6" width="28" height="28" rx="6"/>
    <circle cx="20" cy="20" r="6"/>
    <circle cx="28" cy="12" r="1.5" fill="currentColor"/>
  </svg>
);
I.Package = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <path d="M6 13l14-7 14 7v14l-14 7-14-7V13z"/>
    <path d="M6 13l14 7 14-7M20 20v14"/>
  </svg>
);
I.Video = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <rect x="4" y="10" width="24" height="20" rx="3"/>
    <path d="M28 17l8-5v16l-8-5z"/>
  </svg>
);
I.Site = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <rect x="4" y="7" width="32" height="26" rx="3"/>
    <path d="M4 14h32"/>
    <circle cx="9" cy="10.5" r="0.8" fill="currentColor"/>
    <circle cx="12" cy="10.5" r="0.8" fill="currentColor"/>
    <circle cx="15" cy="10.5" r="0.8" fill="currentColor"/>
    <path d="M10 20h12M10 24h18M10 28h8"/>
  </svg>
);
I.Catalog = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <path d="M6 8h12a4 4 0 014 4v22a3 3 0 00-3-3H6V8z"/>
    <path d="M34 8H22a4 4 0 00-4 4v22a3 3 0 013-3h13V8z"/>
  </svg>
);
I.Sign = (p) => (
  <svg viewBox="0 0 40 40" fill="none" stroke="currentColor" strokeWidth="1.4" {...p}>
    <rect x="6" y="9" width="28" height="16" rx="2"/>
    <path d="M20 25v10M14 35h12"/>
  </svg>
);

/* Benefits icons */
I.Unify = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}>
    <circle cx="8" cy="8" r="3"/><circle cx="24" cy="8" r="3"/><circle cx="8" cy="24" r="3"/><circle cx="24" cy="24" r="3"/>
    <path d="M11 8h10M8 11v10M24 11v10M11 24h10"/>
  </svg>
);
I.Compass = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}>
    <circle cx="16" cy="16" r="12"/>
    <path d="M16 10l3 6-3 6-3-6 3-6z" fill="currentColor" fillOpacity="0.12"/>
  </svg>
);
I.Bolt = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" {...p}>
    <path d="M18 4l-10 14h7l-3 10 11-14h-8l3-10z"/>
  </svg>
);
I.Eye = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}>
    <path d="M2 16s5-9 14-9 14 9 14 9-5 9-14 9S2 16 2 16z"/>
    <circle cx="16" cy="16" r="4"/>
  </svg>
);
I.Time = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}>
    <circle cx="16" cy="16" r="12"/>
    <path d="M16 9v7l5 3" strokeLinecap="round"/>
  </svg>
);
I.Chart = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}>
    <path d="M4 28h24M8 24v-8M14 24v-14M20 24v-6M26 24v-12"/>
  </svg>
);
I.Shield = (p) => (
  <svg viewBox="0 0 32 32" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" {...p}>
    <path d="M16 4l11 4v8c0 7-5 11-11 12-6-1-11-5-11-12V8l11-4z"/>
  </svg>
);

I.Whatsapp = ({ size = 26 }) => (
  <svg width={size} height={size} viewBox="0 0 32 32" fill="currentColor">
    <path d="M16 3C9 3 3.5 8.5 3.5 15.4c0 2.3.7 4.5 1.9 6.4L3 29l7.4-2.3a12.5 12.5 0 0 0 5.6 1.4c6.9 0 12.5-5.5 12.5-12.4S22.9 3 16 3zm0 22.7c-1.8 0-3.5-.5-5-1.4l-.4-.2-4.4 1.4 1.4-4.3-.2-.4a10.2 10.2 0 0 1-1.5-5.4c0-5.7 4.6-10.3 10.2-10.3s10.2 4.6 10.2 10.3-4.6 10.3-10.3 10.3zm5.8-7.6c-.3-.2-1.8-.9-2.1-1-.3-.1-.5-.2-.7.2s-.8 1-1 1.2c-.2.2-.4.2-.7.1s-1.3-.5-2.5-1.6c-.9-.8-1.6-1.8-1.7-2.1-.2-.3 0-.5.1-.7l.5-.5c.2-.2.2-.3.3-.5s.1-.4 0-.5c-.1-.2-.7-1.7-1-2.3-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1.1 1.1-1.1 2.7s1.1 3 1.3 3.3c.2.3 2.2 3.4 5.4 4.8.8.3 1.4.5 1.9.7.8.3 1.5.2 2.1.1.6-.1 1.8-.7 2-1.5.3-.7.3-1.4.2-1.5-.1-.1-.3-.2-.6-.4z"/>
  </svg>
);

window.I = I;
