import type { SVGProps } from "react";

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

/**
 * Congo - Kinshasa — COD icon from flag category
 *
 * @example
 * <COD size={16} />
 * <COD size={32} className="text-primary" />
 */
export const COD = ({ size = 16, ...props }: CODProps) => (
  <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_1360)">
<path d="M22.6675 6.49763C22.1131 5.4233 21.3863 4.41493 20.4857 3.51436C19.5851 2.61375 18.5767 1.88696 17.5024 1.33252L9.04853 9.04843L1.33258 17.5023C1.88706 18.5766 2.61386 19.585 3.51442 20.4856C4.41499 21.3862 5.42341 22.113 6.49769 22.6674L14.9515 14.9515L22.6675 6.49763Z" fill="#FFDA44"/>
<path d="M3.51443 20.4857C4.01782 20.9891 4.55496 21.438 5.11835 21.8333L21.8332 5.11835C21.438 4.55496 20.9891 4.01782 20.4857 3.51443C19.9822 3.01104 19.4451 2.56212 18.8817 2.16687L2.16687 18.8817C2.56207 19.445 3.011 19.9823 3.51443 20.4857Z" fill="#D80027"/>
<path d="M3.51429 3.51437C-0.271664 7.30032 -0.99846 12.9862 1.33245 17.5023L17.5023 1.33257C12.986 -0.998286 7.3002 -0.271396 3.51429 3.51437Z" fill="#338AF3"/>
<path d="M20.4857 20.4856C24.2716 16.6997 24.9983 11.0139 22.6676 6.49768L6.49774 22.6674C11.0139 24.9983 16.6998 24.2716 20.4857 20.4856Z" fill="#338AF3"/>
<path d="M6.39498 3.65179L7.04251 5.64478H9.13801L7.44273 6.87647L8.09026 8.8694L6.39498 7.63767L4.69961 8.8694L5.34723 6.87647L3.65186 5.64478H5.74736L6.39498 3.65179Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1360">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);