import type { SVGProps } from "react";

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

/**
 * Serbia — SRB icon from flag category
 *
 * @example
 * <SRB size={16} />
 * <SRB size={32} className="text-primary" />
 */
export const SRB = ({ size = 16, ...props }: SRBProps) => (
  <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_2379)">
<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 0C5.37262 0 0 5.37262 0 12C0 13.4678 0.264047 14.874 0.746391 16.1739H23.2537C23.736 14.874 24 13.4678 24 12C24 5.37262 18.6274 0 12 0Z" fill="#0052B4"/>
<path d="M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0Z" fill="#D80027"/>
<path d="M3.10303 6.78265V12.7689C3.10303 16.1741 7.55151 17.2175 7.55151 17.2175C7.55151 17.2175 11.9999 16.1741 11.9999 12.7689V6.78265H3.10303Z" fill="#D80027"/>
<path d="M4.94281 7.82613H10.1602V5.73916L9.11675 6.26088L7.55154 4.69568L5.98629 6.26088L4.94281 5.73916V7.82613Z" fill="#FFDA44"/>
<path d="M10.9565 13.6024L7.5652 10.2111L4.17389 13.6024L5.28065 14.7091L7.5652 12.4246L9.84975 14.7091L10.9565 13.6024Z" fill="#FFDA44"/>
<path d="M10.9565 10.4348H9.3742C9.46317 10.2812 9.51492 10.1034 9.51492 9.91317C9.51492 9.3368 9.04772 8.86969 8.47144 8.86969C8.07323 8.86969 7.72744 9.09272 7.55151 9.42061C7.37559 9.09277 7.0298 8.86969 6.63159 8.86969C6.05531 8.86969 5.58811 9.3368 5.58811 9.91317C5.58811 10.1034 5.63986 10.2813 5.72883 10.4348H4.17389C4.17389 11.0111 4.67587 11.4783 5.25211 11.4783H5.21737C5.21737 12.0546 5.68453 12.5218 6.26086 12.5218C6.26086 13.032 6.62733 13.456 7.11131 13.5467L6.28912 15.4031C6.68315 15.5633 7.11375 15.6522 7.56525 15.6522C8.01675 15.6522 8.44734 15.5633 8.84137 15.4031L8.01919 13.5467C8.50317 13.4561 8.86964 13.0321 8.86964 12.5218C9.44597 12.5218 9.91312 12.0546 9.91312 11.4783H9.87839C10.4546 11.4783 10.9565 11.0111 10.9565 10.4348Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_2379">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
