import type { SVGProps } from "react";

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

/**
 * Ecuador — ECU icon from flag category
 *
 * @example
 * <ECU size={16} />
 * <ECU size={32} className="text-primary" />
 */
export const ECU = ({ size = 16, ...props }: ECUProps) => (
  <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_1423)">
<path d="M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z" fill="#FFDA44"/>
<path d="M1.60577 18C3.6807 21.5867 7.55838 24 12 24C16.4417 24 20.3193 21.5867 22.3943 18L12 17.2173L1.60577 18Z" fill="#D80027"/>
<path d="M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z" fill="#0052B4"/>
<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="#FFDA44"/>
<path d="M12 14.6087C10.5615 14.6087 9.3913 13.4384 9.3913 12V10.4348C9.3913 8.99634 10.5616 7.82611 12 7.82611C13.4384 7.82611 14.6087 8.99639 14.6087 10.4348V12C14.6087 13.4385 13.4384 14.6087 12 14.6087Z" fill="#338AF3"/>
<path d="M16.1739 5.73916H13.0434C13.0434 5.16288 12.5762 4.69568 11.9999 4.69568C11.4236 4.69568 10.9564 5.16288 10.9564 5.73916H7.82599C7.82599 6.31549 8.32797 6.78265 8.90421 6.78265H8.86947C8.86947 7.35898 9.33663 7.82613 9.91296 7.82613C9.91296 8.40246 10.3801 8.86962 10.9564 8.86962H13.0434C13.6197 8.86962 14.0869 8.40246 14.0869 7.82613C14.6632 7.82613 15.1304 7.35898 15.1304 6.78265H15.0956C15.6719 6.78265 16.1739 6.31544 16.1739 5.73916Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_43_1423">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
