import type { SVGProps } from "react";

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

/**
 * Pakistan — PAK icon from flag category
 *
 * @example
 * <PAK size={16} />
 * <PAK size={32} className="text-primary" />
 */
export const PAK = ({ size = 16, ...props }: PAKProps) => (
  <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_2182)">
<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="M0 12C0 16.5485 2.53073 20.5057 6.26086 22.5409V1.45911C2.53073 3.49437 0 7.45151 0 12Z" fill="#F0F0F0"/>
<path d="M12 0C9.9211 0 7.96575 0.528891 6.26086 1.45908V22.5409C7.96575 23.4711 9.9211 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z" fill="#496E2D"/>
<path d="M17.1306 13.9846C15.6125 15.0815 13.4925 14.7401 12.3956 13.222C11.2987 11.7038 11.6401 9.58387 13.1583 8.48699C13.6316 8.14499 14.1635 7.94282 14.7045 7.87255C13.6636 7.71688 12.5632 7.95144 11.6427 8.61655C9.77428 9.96665 9.35395 12.5758 10.704 14.4443C12.054 16.3127 14.6632 16.7331 16.5317 15.3829C17.4523 14.7178 18.0205 13.7468 18.1994 12.7095C17.9629 13.2011 17.604 13.6425 17.1306 13.9846Z" fill="#F0F0F0"/>
<path d="M17.0656 7.82623L17.9208 8.74784L19.0615 8.21947L18.4492 9.31747L19.3043 10.2392L18.0708 9.99612L17.4585 11.0942L17.3085 9.84594L16.0749 9.60289L17.2157 9.07451L17.0656 7.82623Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_2182">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
