import type { SVGProps } from "react";

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

/**
 * Zambia — ZMB icon from flag category
 *
 * @example
 * <ZMB size={16} />
 * <ZMB size={32} className="text-primary" />
 */
export const ZMB = ({ size = 16, ...props }: ZMBProps) => (
  <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_2883)">
<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"/>
<path d="M16.6957 12H12V24C13.4027 24 14.7488 23.7585 16 23.3163L16.6957 12Z" fill="#D80027"/>
<path d="M19.9999 20.9434C22.4547 18.7462 24 15.5537 24 12H19.3043L19.9999 20.9434Z" fill="#FF9811"/>
<path d="M16 12V23.3163C17.4905 22.7894 18.8458 21.9766 20 20.9435V12H16Z" fill="black"/>
<path d="M22.1739 7.82614H19.0434C19.0434 7.24986 18.5762 6.78265 17.9999 6.78265C17.4236 6.78265 16.9564 7.24986 16.9564 7.82614H13.826C13.826 8.40247 14.328 8.86962 14.9042 8.86962H14.8695C14.8695 9.44595 15.3366 9.91311 15.913 9.91311C15.913 10.4894 16.3801 10.9566 16.9564 10.9566H19.0434C19.6197 10.9566 20.0869 10.4894 20.0869 9.91311C20.6632 9.91311 21.1304 9.44595 21.1304 8.86962H21.0956C21.6719 8.86958 22.1739 8.40242 22.1739 7.82614Z" fill="#FF9811"/>
</g>
<defs>
<clipPath id="clip0_43_2883">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);