import type { SVGProps } from "react";

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

/**
 * North Korea — PRK icon from flag category
 *
 * @example
 * <PRK size={16} />
 * <PRK size={32} className="text-primary" />
 */
export const PRK = ({ size = 16, ...props }: PRKProps) => (
  <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_2133)">
<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="#F0F0F0"/>
<path d="M12.0001 0C8.36297 0 5.10408 1.61831 2.90344 4.17389H21.0966C18.896 1.61831 15.6371 0 12.0001 0Z" fill="#0052B4"/>
<path d="M21.0967 19.8261H2.90344C5.10408 22.3817 8.36297 24 12.0001 24C15.6371 24 18.896 22.3817 21.0967 19.8261Z" fill="#0052B4"/>
<path d="M22.2387 5.73914H1.76128C0.644297 7.56187 0 9.7056 0 12C0 14.2944 0.644297 16.4382 1.76128 18.2609H22.2387C23.3557 16.4382 24 14.2944 24 12C24 9.7056 23.3557 7.56187 22.2387 5.73914Z" fill="#D80027"/>
<path d="M7.38263 16.6174C9.93274 16.6174 12 14.5501 12 12C12 9.4499 9.93274 7.38263 7.38263 7.38263C4.83253 7.38263 2.76526 9.4499 2.76526 12C2.76526 14.5501 4.83253 16.6174 7.38263 16.6174Z" fill="#F0F0F0"/>
<path d="M7.38267 7.38263L8.41865 10.5711H11.7767L9.05901 12.5418L10.1031 15.7398L7.38267 13.7597L4.66635 15.7361L5.70632 12.5418L2.99109 10.5711H6.34664L7.38267 7.38263Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_2133">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
