import type { SVGProps } from "react";

export interface GUMProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * Guam — GUM icon from flag category
 *
 * @example
 * <GUM size={16} />
 * <GUM size={32} className="text-primary" />
 */
export const GUM = ({ size = 16, ...props }: GUMProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_43_1604)">
<path d="M5.23657 21.913C7.16238 23.2295 9.49114 24 12 24C14.5089 24 16.8376 23.2295 18.7635 21.913L12 20.8695L5.23657 21.913Z" fill="#D80027"/>
<path d="M18.7635 2.08697C16.8376 0.770484 14.5089 0 12 0C9.49114 0 7.16238 0.770484 5.23657 2.08697L12 3.13045L18.7635 2.08697Z" fill="#D80027"/>
<path d="M24 12C24 8.02922 21.6227 4.04157 18.7635 2.08698H5.23655C2.07516 4.2481 0 7.88157 0 12C0 16.1186 2.07516 19.7519 5.23655 21.913H18.7635C21.9249 19.7519 24 16.1186 24 12Z" fill="#0052B4"/>
<path d="M11.3209 19.5749C11.1569 19.4342 7.30432 16.0851 7.30432 12C7.30432 7.91489 11.1569 4.56572 11.3209 4.42514L12 3.84305L12.6791 4.42509C12.843 4.56572 16.6956 7.91484 16.6956 12C16.6956 16.0852 12.8431 19.4343 12.6791 19.5749L12 20.157L11.3209 19.5749Z" fill="#D80027"/>
<path d="M15.6522 12C15.6522 8.34783 12 5.21738 12 5.21738C12 5.21738 8.34784 8.34792 8.34784 12C8.34784 13.1173 8.68989 14.1855 9.16435 15.1305H14.8357C15.3101 14.1855 15.6522 13.1173 15.6522 12Z" fill="#338AF3"/>
<path d="M15.6522 12C15.6522 13.1173 15.3101 14.1855 14.8357 15.1305L12 15.6522L9.16435 15.1305C8.68989 14.1855 8.34784 13.1173 8.34784 12H15.6522Z" fill="#0052B4"/>
<path d="M12 18.7826C12 18.7826 13.7591 17.2743 14.8357 15.1305H9.16437C10.2409 17.2743 12 18.7826 12 18.7826Z" fill="#FFDA44"/>
<path d="M9.65216 9.91302H14.3478L12 12.2609L9.65216 9.91302Z" fill="#6DA544"/>
<path d="M11.2173 11.4783H12.7825V16.1739H11.2173V11.4783Z" fill="#A2001D"/>
</g>
<defs>
<clipPath id="clip0_43_1604">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
