import type { SVGProps } from "react";

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

/**
 * U.S. Virgin Islands — VIR icon from flag category
 *
 * @example
 * <VIR size={16} />
 * <VIR size={32} className="text-primary" />
 */
export const VIR = ({ size = 16, ...props }: VIRProps) => (
  <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_2862)">
<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="#FCFCFC"/>
<path d="M14.0381 8.3834C14.0381 7.25784 13.1256 6.34537 12 6.34537C10.8744 6.34537 9.96191 7.25784 9.96191 8.3834H5.47827C5.47827 9.49157 6.44361 10.39 7.55179 10.39H7.48504C7.48504 11.4983 8.38335 12.3968 9.49171 12.3968C9.49171 13.378 10.1964 14.1934 11.1271 14.3676L11.1219 14.3794H12.8781L12.8729 14.3676C13.8036 14.1933 14.5083 13.378 14.5083 12.3968C15.6166 12.3968 16.515 11.4983 16.515 10.39H16.4481C17.5563 10.39 18.5217 9.49157 18.5217 8.3834H14.0381Z" fill="#FFDA44"/>
<path d="M11.1041 14.1714L9.84042 17.0244C10.5072 17.2954 11.2359 17.4461 12 17.4461C12.7642 17.4461 13.4929 17.2955 14.1596 17.0244L12.896 14.1714H11.1041Z" fill="#FFDA44"/>
<path d="M9.39133 9.38564V12.8962C9.39133 14.8929 12 15.5048 12 15.5048C12 15.5048 14.6087 14.8929 14.6087 12.8962V9.38564H9.39133Z" fill="#F0F0F0"/>
<path d="M2.90997 12.0845L4.32086 16.0306L5.71708 12.0845H6.78264L4.74705 17.3018H3.89462L1.84445 12.0845H2.90997Z" fill="#338AF3"/>
<path d="M19.3044 17.3018V12.0845H20.3184V17.3018H19.3044Z" fill="#338AF3"/>
<path d="M10.4348 10.5193V14.7734C10.7934 15.0373 11.1793 15.2189 11.4783 15.3351V10.5193H10.4348Z" fill="#D80027"/>
<path d="M13.5652 10.5193V14.7734C13.2065 15.0373 12.8207 15.2189 12.5217 15.3351V10.5193H13.5652Z" fill="#D80027"/>
<path d="M9.39133 9.38554H14.6087V11.041H9.39133V9.38554Z" fill="#0052B4"/>
</g>
<defs>
<clipPath id="clip0_43_2862">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
