import type { SVGProps } from "react";

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

/**
 * Bosnia & Herzegovina — BIH icon from flag category
 *
 * @example
 * <BIH size={16} />
 * <BIH size={32} className="text-primary" />
 */
export const BIH = ({ size = 16, ...props }: BIHProps) => (
  <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_1009)">
<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.74517 0 4.00783 2.21452 1.87708 5.5537L18.1502 22.3054C21.6537 20.21 24 16.3792 24 12C24 5.37262 18.6274 0 12 0Z" fill="#FFDA44"/>
<path d="M24 12C24 8.88645 22.8141 6.05014 20.8695 3.91742V20.0826C22.8141 17.9498 24 15.1135 24 12Z" fill="#0052B4"/>
<path d="M14.9901 22.5877L16.2471 22.587L16.6348 21.3912L17.024 22.5865L17.6544 22.5861C18.041 22.3792 18.4149 22.1517 18.7747 21.9051L2.0948 5.22516C1.81992 5.62622 1.56923 6.045 1.34381 6.47906L1.49203 6.93431L2.74898 6.93352L1.73255 7.67297L2.1217 8.86824L1.10433 8.13005L0.497531 8.57142C0.174047 9.6578 0 10.8085 0 12C0 18.6273 5.37262 24 12 24C13.4012 24 14.7461 23.7594 15.9961 23.3178L14.9901 22.5877ZM2.67652 11.4782L3.06417 10.2825L2.04689 9.54427L3.30384 9.54347L3.69155 8.34774L4.0807 9.543L5.33766 9.5422L4.32117 10.2817L4.71033 11.4769L3.69295 10.7387L2.67652 11.4782ZM5.26519 14.0869L5.65284 12.8912L4.63556 12.153L5.89252 12.1522L6.28022 10.9564L6.66937 12.1517L7.92633 12.1509L6.90989 12.8903L7.29905 14.0856L6.28167 13.3474L5.26519 14.0869ZM7.85381 16.6956L8.24147 15.4999L7.22419 14.7616L8.48114 14.7608L8.86884 13.5651L9.258 14.7604L10.515 14.7596L9.49851 15.499L9.88767 16.6943L8.8703 15.956L7.85381 16.6956ZM11.4589 18.5648L10.4424 19.3043L10.8301 18.1086L9.81281 17.3703L11.0698 17.3695L11.4575 16.1738L11.8467 17.3691L13.1036 17.3683L12.0872 18.1077L12.4763 19.303L11.4589 18.5648ZM13.0311 21.913L13.4188 20.7173L12.4015 19.979L13.6584 19.9782L14.0461 18.7825L14.4353 19.9778L15.6922 19.977L14.6758 20.7164L15.065 21.9117L14.0476 21.1734L13.0311 21.913Z" fill="#0052B4"/>
</g>
<defs>
<clipPath id="clip0_43_1009">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
