/* Real brand SVG logos for connectors. Simplified but recognizable. */

const LogoSharePoint = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <circle cx="18" cy="16" r="10" fill="#036C70"/>
    <circle cx="31" cy="25" r="9" fill="#1A9BA1"/>
    <circle cx="24" cy="35" r="7.5" fill="#37C6D0"/>
  </svg>
);

const LogoGoogleDrive = () => (
  <svg viewBox="0 0 87 76" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <polygon points="6.9,63.7 12,72.5 20.4,72.5 43.5,32.5 28.2,32.5" fill="#0F9D58"/>
    <polygon points="65.8,72.5 74.2,72.5 87,50.5 72.6,50.5" fill="#4285F4"/>
    <polygon points="72.6,50.5 87,50.5 58.9,1.7 43.5,1.7" fill="#F4B400"/>
    <polygon points="43.5,32.5 58.9,32.5 43.5,5.9 28.2,32.5" fill="#DB4437" opacity="0.9"/>
    <polygon points="43.5,32.5 20.4,72.5 65.8,72.5 72.6,50.5 58.9,32.5" fill="#FFFFFF"/>
    <polygon points="65.8,72.5 20.4,72.5 12,72.5 30.6,72.5" fill="#1A73E8" opacity="0.15"/>
    <path d="M20.4 72.5 L43.5 32.5 L58.9 32.5 L72.6 50.5 L65.8 72.5 Z" fill="none"/>
  </svg>
);

const LogoTeams = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <path d="M15 12h18v22c0 3.3-2.7 6-6 6h-6c-3.3 0-6-2.7-6-6V12z" fill="#4B53BC"/>
    <circle cx="24" cy="7" r="4.5" fill="#4B53BC"/>
    <path d="M12 18h14v2h-4v10h-2V20h-4v10h-2V20h-2v-2z" fill="#fff"/>
    <circle cx="35" cy="14" r="6" fill="#7B83EB"/>
    <path d="M35 8v12c3.3 0 6-2.7 6-6s-2.7-6-6-6z" fill="#5059C9"/>
  </svg>
);

const LogoOneDrive = () => (
  <svg viewBox="0 0 48 32" width="32" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M28.5 12c-1.2-4.6-5.4-8-10.4-8-4.5 0-8.4 2.8-9.9 6.8C4 11.4 1 14.8 1 19c0 4.6 3.7 8.3 8.3 8.3h28.5c4.5 0 8.2-3.7 8.2-8.2 0-4.4-3.5-8-7.8-8.2-1.5-2-3.9-3.3-6.5-3.3-1.1 0-2.2.2-3.2.6z" fill="#0364B8"/>
    <path d="M14.8 12.5c-2.4 0-4.6 1.1-6.1 2.9C4.2 15.7 1 19 1 23c0 4.6 3.7 8.3 8.3 8.3h13.5V13.9c-2.3-.9-4.9-1.4-8-1.4z" fill="#28A8EA"/>
    <path d="M35 12c-2.3 0-4.4.8-6.1 2.2-.8-.1-1.6-.2-2.4-.2v17.3h11.3c4.5 0 8.2-3.7 8.2-8.2 0-4.4-3.5-8-7.8-8.2-.9-1.9-2-2.9-3.2-2.9z" fill="#50D9FF"/>
  </svg>
);

const LogoHubSpot = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <path d="M35.8 20.3v-6.9c1.4-.7 2.4-2.1 2.4-3.8 0-2.3-1.9-4.2-4.2-4.2s-4.2 1.9-4.2 4.2c0 1.7 1 3.1 2.4 3.8v6.9c-2 .3-3.9 1.1-5.5 2.4L8.5 8.1c.1-.5.2-1 .2-1.5 0-3-2.4-5.4-5.4-5.4S-2.1 3.6-2.1 6.6s2.4 5.4 5.4 5.4c1 0 2-.3 2.8-.8L24 25.8c-1.4 2.1-2.2 4.7-2.2 7.4 0 7.3 5.9 13.2 13.2 13.2S48.2 40.5 48.2 33.2c0-6.5-4.7-12-10.9-13z m-.9 19.9c-3.8 0-6.8-3-6.8-6.8s3-6.8 6.8-6.8 6.8 3 6.8 6.8-3.1 6.8-6.8 6.8z" fill="#FF5C35" transform="translate(2 1)"/>
  </svg>
);

const LogoSalesforce = () => (
  <svg viewBox="0 0 48 34" width="32" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M20 6.5c1.6-1.6 3.7-2.6 6.1-2.6 3.2 0 6 1.8 7.5 4.5 1.3-.6 2.7-.9 4.2-.9 5.6 0 10.2 4.6 10.2 10.3s-4.6 10.3-10.2 10.3c-.7 0-1.4-.1-2-.2-1.3 2.3-3.7 3.9-6.6 3.9-1.2 0-2.3-.3-3.3-.7-1.4 3.3-4.6 5.6-8.4 5.6-4 0-7.4-2.5-8.7-6-.7.1-1.4.2-2.2.2C1.2 30.9-2 27.7-2 23.7c0-2.7 1.4-5 3.6-6.3-.5-1-.7-2.2-.7-3.4C.9 9.5 4.5 6 8.9 6c2.6 0 4.9 1.2 6.3 3.1C16.8 7.5 18.3 6.5 20 6.5z" fill="#00A1E0"/>
  </svg>
);

const LogoNotion = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <path d="M9 5.5c1.5 1.2 2 1.1 4.8.9L38 4.9c.5 0 .1-.5-.1-.5L34 1.5C33.2 1 32.2.4 30.2.6L7 2.3c-.9.1-1 .5-.7.9L9 5.5z m1.5 5.8v25c0 1.4.7 1.9 2.2 1.8l26.4-1.5c1.6-.1 1.7-1 1.7-2.2V9.6c0-1.1-.4-1.8-1.4-1.7L11.7 9.5c-1 .1-1.2.6-1.2 1.8z m26.1 1.4c.2.8 0 1.6-.8 1.7l-1.3.3v18.7c-1.1.6-2.1.9-3 .9-1.4 0-1.8-.4-2.9-1.8l-8.8-13.8v13.4l2.6.6s0 1.5-2 1.5l-5.7.3c-.2-.3 0-1.1.5-1.3l1.5-.4V15.8l-2.1-.2c-.2-.8.3-2 1.6-2.1l6.2-.4 8.5 12.9v-11.4l-2.2-.3c-.2-1 .5-1.7 1.4-1.8l6.5-.4z" fill="#000"/>
  </svg>
);

const LogoConfluence = () => (
  <svg viewBox="0 0 48 40" width="32" height="27" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="cflA" x1="0%" y1="100%" x2="100%" y2="0%">
        <stop offset="0" stopColor="#0052CC"/>
        <stop offset="1" stopColor="#2684FF"/>
      </linearGradient>
      <linearGradient id="cflB" x1="100%" y1="0%" x2="0%" y2="100%">
        <stop offset="0" stopColor="#0052CC"/>
        <stop offset="1" stopColor="#2684FF"/>
      </linearGradient>
    </defs>
    <path d="M1.5 28.6c-.4.7-.9 1.5-1.4 2.3-.4.7-.2 1.6.5 2l9.7 6c.7.4 1.6.2 2.1-.5.4-.7.9-1.5 1.3-2.2 3.1-5.2 6.3-4.6 12-1.8L35 39.8c.7.3 1.5 0 1.9-.7l4.6-10.4c.3-.7 0-1.5-.7-1.9-2-1-6-2.8-9.7-4.6-13-6.3-24.2-5.9-29.6 6.4z" fill="url(#cflA)"/>
    <path d="M46.5 10.8c.4-.7.9-1.5 1.4-2.3.4-.7.2-1.6-.5-2L37.7.5c-.7-.4-1.6-.2-2.1.5-.4.7-.9 1.5-1.3 2.2-3.1 5.2-6.3 4.6-12 1.8L13 -.4c-.7-.3-1.5 0-1.9.7L6.5 10.7c-.3.7 0 1.5.7 1.9 2 1 6 2.8 9.7 4.6 13.1 6.3 24.3 5.9 29.6-6.4z" fill="url(#cflB)"/>
  </svg>
);

const LogoJira = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="jra" x1="98%" y1="0" x2="60%" y2="55%">
        <stop offset="0.18" stopColor="#0052CC"/>
        <stop offset="1" stopColor="#2684FF"/>
      </linearGradient>
      <linearGradient id="jrb" x1="0" y1="98%" x2="38%" y2="45%">
        <stop offset="0.18" stopColor="#0052CC"/>
        <stop offset="1" stopColor="#2684FF"/>
      </linearGradient>
    </defs>
    <path d="M45.5 22.4L25.5 2.5 23.6.5l-15 15c-.8.8-.8 2 0 2.8l8.7 8.7 6.3-6.3 1.7-1.7 15.2 15.2 5 5 1.7-1.7c.7-.8.7-2 .3-2.9z" fill="#2684FF"/>
    <path d="M23.6 15.2C18.4 10 18.4 1.7 23.6-3.5v.1L11.9 8.2l6.4 6.4 5.3-.6v1.2z" fill="url(#jra)"/>
    <path d="M31.4 22.4l-7.9 7.8c1.1 1 2.1 2.3 2.9 3.6 2.2 4 2.2 8.8 0 12.7l11.7-11.6-6.7-12.5z" fill="url(#jrb)"/>
  </svg>
);

const LogoBox = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <rect x="4" y="10" width="40" height="28" rx="4" fill="#0061D5"/>
    <text x="24" y="30" fontFamily="Arial, sans-serif" fontSize="14" fontWeight="700" fill="#fff" textAnchor="middle">box</text>
  </svg>
);

const LogoEmail = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <rect x="4" y="10" width="40" height="28" rx="4" fill="#EA4335"/>
    <path d="M6 14l18 13 18-13" stroke="#fff" strokeWidth="2.5" fill="none" strokeLinejoin="round"/>
  </svg>
);

const LogoMCP = () => (
  <svg viewBox="0 0 48 48" width="32" height="32" xmlns="http://www.w3.org/2000/svg">
    <rect x="4" y="4" width="40" height="40" rx="8" fill="#0E0E0C"/>
    <text x="24" y="22" fontFamily="ui-monospace, Menlo, monospace" fontSize="9" fontWeight="600" fill="#FB9C2D" textAnchor="middle">{'{ }'}</text>
    <text x="24" y="34" fontFamily="ui-monospace, Menlo, monospace" fontSize="7" fontWeight="500" fill="#fff" textAnchor="middle">MCP · API</text>
  </svg>
);

Object.assign(window, {
  LogoSharePoint, LogoGoogleDrive, LogoTeams, LogoOneDrive,
  LogoHubSpot, LogoSalesforce, LogoNotion, LogoConfluence,
  LogoJira, LogoBox, LogoEmail, LogoMCP
});
