import type { SVGProps } from "react";

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

/**
 * Fiji — FJI icon from flag category
 *
 * @example
 * <FJI size={16} />
 * <FJI size={32} className="text-primary" />
 */
export const FJI = ({ size = 16, ...props }: FJIProps) => (
  <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_1500)">
<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z" fill="#338AF3"/>
<path d="M12 5.73914V9.78646L7.82611 5.73914H12Z" fill="#0052B4"/>
<path d="M6.26085 12H9.78642L6.26085 7.30435L5.73914 10.9565L6.26085 12Z" fill="#0052B4"/>
<path d="M11.9679 12H12C12 11.9892 12 11.9787 12 11.9679C11.9893 11.9786 11.9786 11.9893 11.9679 12Z" fill="#F0F0F0"/>
<path d="M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z" fill="#F0F0F0"/>
<path d="M6.07103 1.56522C4.1942 2.63392 2.63392 4.1942 1.56522 6.07103V12H4.69567V4.69576V4.69567H12C12 3.70834 12 2.76775 12 1.56522H6.07103Z" fill="#D80027"/>
<path d="M12 10.5243L7.7366 6.26093H6.26093V6.26102L11.9999 12H12C12 12 12 10.9825 12 10.5243Z" fill="#D80027"/>
<path d="M13.5652 7.82611V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8696 14.7956 20.8696 12V7.82611L17.2174 6.78262L13.5652 7.82611Z" fill="#F3F3F3"/>
<path d="M20.8696 7.8261V6.26089H13.5652V7.8261H16.6956V10.9566H13.5652V12V12.0001L16.6956 12.0001V15.4922C17.0105 15.6036 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 17.4242 15.6036 17.7391 15.4922V12.0001H20.8696V12V10.9566H17.7391V7.82605H20.8696V7.8261Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_1500">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);