import type { SVGProps } from "react";

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

/**
 * North Macedonia — MKD icon from flag category
 *
 * @example
 * <MKD size={16} />
 * <MKD size={32} className="text-primary" />
 */
export const MKD = ({ size = 16, ...props }: MKDProps) => (
  <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_2270)">
<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="#FFDA44"/>
<path d="M13.8249 23.862C15.7766 23.5643 17.5732 22.7957 19.0963 21.6768L12 12L13.8249 23.862Z" fill="#D80027"/>
<path d="M10.175 0.137939C8.22338 0.435689 6.42684 1.20425 4.90359 2.32311L12 12L10.175 0.137939Z" fill="#D80027"/>
<path d="M4.90359 21.6768C6.42675 22.7957 8.22328 23.5643 10.1749 23.8621L12 12L4.90359 21.6768Z" fill="#D80027"/>
<path d="M2.32311 4.90356C1.20421 6.42681 0.435736 8.2233 0.137939 10.175L12 12L2.32311 4.90356Z" fill="#D80027"/>
<path d="M0.137939 13.8249C0.435689 15.7766 1.20425 17.5732 2.32316 19.0963L12 12L0.137939 13.8249Z" fill="#D80027"/>
<path d="M23.862 10.175C23.5642 8.22336 22.7957 6.42683 21.6768 4.90363L12 12L23.862 10.175Z" fill="#D80027"/>
<path d="M19.0963 2.32306C17.5731 1.20421 15.7766 0.435689 13.8249 0.137939L12 12L19.0963 2.32306Z" fill="#D80027"/>
<path d="M21.6769 19.0964C22.7958 17.5732 23.5643 15.7766 23.8621 13.825L12 12L21.6769 19.0964Z" fill="#D80027"/>
<path d="M12 16.1739C14.3052 16.1739 16.1739 14.3052 16.1739 12C16.1739 9.69483 14.3052 7.82611 12 7.82611C9.69483 7.82611 7.82611 9.69483 7.82611 12C7.82611 14.3052 9.69483 16.1739 12 16.1739Z" fill="#D80027"/>
<path d="M12 15.1305C13.7289 15.1305 15.1305 13.7289 15.1305 12C15.1305 10.2711 13.7289 8.86957 12 8.86957C10.2711 8.86957 8.86957 10.2711 8.86957 12C8.86957 13.7289 10.2711 15.1305 12 15.1305Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_2270">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
