import type { SVGProps } from "react";

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

/**
 * Eritrea — ERI icon from flag category
 *
 * @example
 * <ERI size={16} />
 * <ERI size={32} className="text-primary" />
 */
export const ERI = ({ size = 16, ...props }: ERIProps) => (
  <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_1454)">
<path d="M10.9565 10.9565C10.9565 10.9565 3.52171 20.487 3.51468 20.4853C5.68621 22.6569 8.68626 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z" fill="#338AF3"/>
<path d="M10.9565 12C10.9565 12 3.52171 3.51305 3.51468 3.51473C5.68621 1.34316 8.68626 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z" fill="#6DA544"/>
<path d="M3.51468 3.51471C-1.1716 8.20099 -1.1716 15.799 3.51468 20.4853C3.51435 20.4873 24 12 24 12L3.51468 3.51471Z" fill="#D80027"/>
<path d="M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1454">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
