function SiteLogo({ city, className, stroke = "#5559CE" }) {
  if (city?.logo_url) {
    return (
      <img
        src={city.logo_url}
        alt="logo"
        crossOrigin="anonymous"
        className={`object-contain ${className}`}
      />
    );
  }
  return (
    <svg
      viewBox="0 0 100 100"
      className={className}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M50 12 A38 38 0 1 0 88 50 A19 19 0 0 0 55.6 36.6"
        fill="none"
        stroke={stroke}
        strokeWidth="7.5"
        strokeLinecap="round"
      />
      <rect x="46.5" y="40" width="7" height="20" rx="3.5" fill="#FF8848" />
      <rect x="40" y="46.5" width="20" height="7" rx="3.5" fill="#FF8848" />
    </svg>
  );
}

export default SiteLogo;
