import type { SVGProps } from "react";

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

/**
 * Antigua & Barbuda — ATG icon from flag category
 *
 * @example
 * <ATG size={16} />
 * <ATG size={32} className="text-primary" />
 */
export const ATG = ({ size = 16, ...props }: ATGProps) => (
  <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_841)">
<path d="M0 12C0 12.822 0.082875 13.6246 0.240328 14.4L12 15.1305L23.7597 14.4C23.9172 13.6246 24 12.822 24 12C24 11.1781 23.9171 10.3755 23.7597 9.60002L12 8.86957L0.240328 9.60002C0.082875 10.3755 0 11.1781 0 12H0Z" fill="#0052B4"/>
<path d="M23.7597 14.4H0.240356C1.35218 19.8774 6.19461 24 12 24C17.8055 24 22.6479 19.8774 23.7597 14.4Z" fill="#F0F0F0"/>
<path d="M0.240356 9.6H23.7598C22.6479 4.12266 17.8055 0 12 0C6.19451 0 1.35218 4.12266 0.240356 9.6Z" fill="black"/>
<path d="M17.2174 9.59998H6.78265L8.91453 8.59714L7.77926 6.53253L10.0942 6.97527L10.3876 4.63672L12 6.35675L13.6125 4.63672L13.9058 6.97527L16.2208 6.53253L15.0856 8.59723L17.2174 9.59998Z" fill="#FFDA44"/>
<path d="M0 12C0 18.6274 5.37262 24 12 24L2.39981 4.79956C0.893062 6.80529 0 9.29825 0 12Z" fill="#A2001D"/>
<path d="M12 24C18.6274 24 24 18.6274 24 12C24 9.29825 23.1069 6.80529 21.6002 4.79956L12 24Z" fill="#A2001D"/>
</g>
<defs>
<clipPath id="clip0_43_841">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
