import type { SVGProps } from "react";

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

/**
 * El Salvador — SLV icon from flag category
 *
 * @example
 * <SLV size={16} />
 * <SLV size={32} className="text-primary" />
 */
export const SLV = ({ size = 16, ...props }: SLVProps) => (
  <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_1435)">
<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="#F0F0F0"/>
<path d="M12 0C7.24242 0 3.13167 2.76867 1.19067 6.78263H22.8092C20.8682 2.76867 16.7574 0 12 0Z" fill="#0052B4"/>
<path d="M12 24C16.7574 24 20.8682 21.2313 22.8092 17.2173H1.19067C3.13167 21.2313 7.24242 24 12 24Z" fill="#0052B4"/>
<path d="M9.59021 12.5217L12.0001 8.34784L14.4099 12.5217H9.59021Z" fill="#FFDA44"/>
<path d="M15.1304 13.8999L12 15.4652L8.86951 13.8999V11.813H15.1304V13.8999Z" fill="#6DA544"/>
<path d="M14.9514 8.52692L13.8446 9.63368C14.3167 10.1058 14.6088 10.7579 14.6088 11.4783C14.6088 12.9191 13.4408 14.087 12.0001 14.087C10.5594 14.087 9.39138 12.919 9.39138 11.4783C9.39138 10.7579 9.68341 10.1058 10.1555 9.63368L9.04872 8.52692C8.29333 9.28217 7.82617 10.3257 7.82617 11.4783C7.82617 13.7835 9.69489 15.6522 12.0001 15.6522C14.3052 15.6522 16.174 13.7835 16.174 11.4783C16.1739 10.3257 15.7068 9.28217 14.9514 8.52692Z" fill="#FFDA44"/>
</g>
<defs>
<clipPath id="clip0_43_1435">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
