export default function CredalioLogo2({ size = 20, className = "" }) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 198 228"
      width={size}
      height={size}
      className={className}
      role="img"
      aria-label="Credalio"
      style={{ display: "block" }}
    >
      <title>Credalio</title>
      <style>{`
        /* Light mode default */
        .ci { fill: #204496; transition: fill 0.4s ease; }

        /* Dark mode */
        .dark .ci,
        [data-theme="dark"] .ci {
          fill: #3B82F6;
        }
      `}</style>

      <path
        className="ci"
        d="M96,0h18v6h-18Z M66,6h48v6h-48Z M138,6h18v6h-18Z M60,12h54v6h-54Z M138,12h30v6h-30Z M48,18h66v6h-66Z M132,18h48v6h-48Z M42,24h72v6h-72Z M132,24h54v6h-54Z M36,30h72v6h-72Z M132,30h60v6h-60Z M30,36h78v6h-78Z M138,36h60v18h-60Z M30,42h72v6h-72Z M36,48h54v6h-54Z M48,54h30v6h-30Z M144,54h54v6h-54Z M150,60h48v6h-48Z M12,66h12v6h-12Z M156,66h36v6h-36Z M6,72h30v6h-30Z M168,72h18v6h-18Z M6,78h36v6h-36Z M6,84h42v6h-42Z M0,90h48v6h-48Z M0,96h54v36h-54Z M0,132h48v6h-48Z M6,138h42v6h-42Z M6,144h36v6h-36Z M6,150h30v6h-30Z M168,150h18v6h-18Z M12,156h12v6h-12Z M156,156h36v6h-36Z M150,162h48v6h-48Z M54,168h24v6h-24Z M144,168h54v6h-54Z M36,174h60v6h-60Z M138,174h60v18h-60Z M30,180h72v6h-72Z M30,186h78v6h-78Z M36,192h72v12h-72Z M132,192h60v6h-60Z M132,198h54v6h-54Z M42,204h72v6h-72Z M132,204h48v6h-48Z M54,210h60v6h-60Z M138,210h30v6h-30Z M66,216h48v6h-48Z M138,216h18v6h-18Z M84,222h30v6h-30Z"
      />
    </svg>
  );
}