import type { SVGProps } from "react";

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

/**
 * China — CHN icon from flag category
 *
 * @example
 * <CHN size={16} />
 * <CHN size={32} className="text-primary" />
 */
export const CHN = ({ size = 16, ...props }: CHNProps) => (
  <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_1246)">
<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="#D80027"/>
<path d="M6.56719 7.3031L7.60312 10.4906H10.9547L8.24531 12.464L9.28125 15.6515L6.56719 13.6828L3.85313 15.6515L4.89375 12.464L2.17969 10.4906H5.53125L6.56719 7.3031Z" fill="#FFDA44"/>
<path d="M14.2266 18.5859L13.4344 17.6109L12.2625 18.0656L12.9422 17.0109L12.15 16.0312L13.3641 16.3547L14.0485 15.3L14.1141 16.5562L15.3328 16.8797L14.1563 17.3297L14.2266 18.5859Z" fill="#FFDA44"/>
<path d="M15.8016 15.7266L16.1766 14.5266L15.15 13.8L16.4063 13.7812L16.7766 12.5812L17.1844 13.7719L18.4406 13.7578L17.4328 14.5078L17.836 15.6984L16.8094 14.9719L15.8016 15.7266Z" fill="#FFDA44"/>
<path d="M17.925 8.80778L17.3719 9.93746L18.2719 10.814L17.0297 10.6359L16.4765 11.7609L16.2609 10.5234L15.014 10.3453L16.1297 9.75934L15.914 8.51715L16.814 9.39371L17.925 8.80778Z" fill="#FFDA44"/>
<path d="M14.2594 5.38593L14.1656 6.63749L15.3328 7.11093L14.1094 7.41093L14.0203 8.66718L13.3594 7.59843L12.1359 7.89843L12.9469 6.93749L12.2812 5.87343L13.4484 6.34686L14.2594 5.38593Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1246">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
