// Ported verbatim from REFERENCIA/toknext_react_reference/src/components/BrandLogo.tsx
import type { SVGProps } from "react";

export function ReferenceBrandLogo({ className, ...props }: SVGProps<SVGSVGElement>) {
  return (
    <svg className={className} viewBox="0 0 64 64" fill="none" aria-hidden="true" {...props}>
      <path d="M8 14h9l7 29h26l6-20" stroke="#12cfe8" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M22 37l9-9 7 7 15-18" stroke="#ff3d78" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round" />
      <path d="M49 17h7v7" stroke="#ff3d78" strokeWidth="4" strokeLinecap="round" strokeLinejoin="round" />
      <circle cx="28" cy="52" r="3.4" fill="#12cfe8" />
      <circle cx="47" cy="52" r="3.4" fill="#ff3d78" />
    </svg>
  );
}