import type { SVGProps } from "react";

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

/**
 * Ethiopia — ETH icon from flag category
 *
 * @example
 * <ETH size={16} />
 * <ETH size={32} className="text-primary" />
 */
export const ETH = ({ size = 16, ...props }: ETHProps) => (
  <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_1463)">
<path d="M0 12C0 13.468 0.264047 14.874 0.746437 16.1741L12 17.2174L23.2536 16.174C23.736 14.874 24 13.4679 24 12C24 10.5523 23.7435 9.16447 23.2737 7.87948L12 6.78265L0.726281 7.87953C0.256453 9.16447 0 10.5523 0 12H0Z" fill="#FFDA44"/>
<path d="M12 24C17.1596 24 21.5581 20.7435 23.2536 16.1739H0.746399C2.44191 20.7435 6.84043 24 12 24Z" fill="#D80027"/>
<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z" fill="#6DA544"/>
<path d="M12 17.7391C15.1696 17.7391 17.7391 15.1696 17.7391 12C17.7391 8.83037 15.1696 6.26086 12 6.26086C8.83037 6.26086 6.26086 8.83037 6.26086 12C6.26086 15.1696 8.83037 17.7391 12 17.7391Z" fill="#0052B4"/>
<path d="M11.9988 7.55585L13.0348 10.7444H16.3928L13.6751 12.7151L14.7192 15.9131L11.9988 13.933L9.28244 15.9094L10.3224 12.7151L7.60718 10.7444H10.9627L11.9988 7.55585Z" fill="#FFDA44"/>
<path d="M16.1308 12.7936L12.8441 11.7256L14.8753 8.93L14.0312 8.31659L11.9999 11.1124L9.96872 8.31664L9.1245 8.92995L11.1557 11.7258L7.86914 12.7936L8.19155 13.7861L11.4782 12.7182V16.1739H12.5217V12.7182L15.8082 13.7861L16.1308 12.7936Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1463">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);