import type { SVGProps } from "react";

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

/**
 * Belize — BLZ icon from flag category
 *
 * @example
 * <BLZ size={16} />
 * <BLZ size={32} className="text-primary" />
 */
export const BLZ = ({ size = 16, ...props }: BLZProps) => (
  <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_964)">
<path d="M24 12C24 7.8815 21.9249 4.24808 18.7635 2.08695L12 1.56519L5.23655 2.0869C2.07516 4.24808 0 7.88155 0 12C0 16.1186 2.07516 19.7519 5.23655 21.913L12 22.4348L18.7635 21.9131C21.9249 19.7519 24 16.1186 24 12Z" fill="#0052B4"/>
<path d="M18.7635 2.08697C16.8376 0.770437 14.509 0 12 0C9.49114 0 7.16243 0.770437 5.23657 2.08697H18.7635Z" fill="#A2001D"/>
<path d="M5.23657 21.913C7.16238 23.2296 9.49114 24 12 24C14.509 24 16.8376 23.2296 18.7635 21.913H5.23657Z" fill="#A2001D"/>
<path d="M12 17.7391C15.1696 17.7391 17.7391 15.1696 17.7391 12C17.7391 8.83037 15.1696 6.26086 12 6.26086C8.83037 6.26086 6.26086 8.83037 6.26086 12C6.26086 15.1696 8.83037 17.7391 12 17.7391Z" fill="#F0F0F0"/>
<path d="M12 16.6956C14.5933 16.6956 16.6956 14.5933 16.6956 12C16.6956 9.40664 14.5933 7.30432 12 7.30432C9.40664 7.30432 7.30432 9.40664 7.30432 12C7.30432 14.5933 9.40664 16.6956 12 16.6956Z" fill="#6DA544"/>
<path d="M12 15.1305C13.7289 15.1305 15.1304 13.7289 15.1304 12C15.1304 10.2711 13.7289 8.86957 12 8.86957C10.2711 8.86957 8.86951 10.2711 8.86951 12C8.86951 13.7289 10.2711 15.1305 12 15.1305Z" fill="#F0F0F0"/>
<path d="M12 11.2173L10.3043 12V13.3043L12 14.3478L13.6956 13.3043V12L12 11.2173Z" fill="#0052B4"/>
<path d="M10.3043 10.4348H13.6956V12H10.3043V10.4348Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_964">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
