import type { SVGProps } from "react";

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

/**
 * Cuba — CUB icon from flag category
 *
 * @example
 * <CUB size={16} />
 * <CUB size={32} className="text-primary" />
 */
export const CUB = ({ size = 16, ...props }: CUBProps) => (
  <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_1335)">
<path d="M4.6875e-05 2.08698H0V21.913H4.6875e-05V12.0001V2.08698Z" fill="#FF9811"/>
<path d="M12 24C18.6273 24 23.9999 18.6274 23.9999 12C23.9999 5.37262 18.6273 6.10352e-05 12 6.10352e-05C5.37256 6.10352e-05 0 5.37262 0 12C0 18.6274 5.37256 24 12 24Z" fill="#F0F0F0"/>
<path d="M12.0001 0.00012207C8.07418 0.00012207 4.58883 1.88558 2.39954 4.80012H21.6005C19.4113 1.88553 15.9259 0.00012207 12.0001 0.00012207Z" fill="#0052B4"/>
<path d="M12.0001 24C15.9259 24 19.4113 22.1145 21.6006 19.2H2.39954C4.58879 22.1145 8.07418 24 12.0001 24Z" fill="#0052B4"/>
<path d="M6.10352e-05 12.0001C6.10352e-05 12.8221 0.082936 13.6246 0.240389 14.4001H23.7598C23.9172 13.6246 24.0001 12.8221 24.0001 12.0001C24.0001 11.1781 23.9172 10.3756 23.7598 9.6001H0.240389C0.082936 10.3756 6.10352e-05 11.1781 6.10352e-05 12.0001Z" fill="#0052B4"/>
<path d="M3.51474 3.51477C-1.1715 8.201 -1.1715 15.799 3.51474 20.4853C5.45128 18.5488 7.31372 16.6863 12 12.0001L3.51474 3.51477Z" fill="#D80027"/>
<path d="M4.85676 8.86963L5.63367 11.261H8.14832L6.11409 12.739L6.891 15.1304L4.85676 13.6524L2.82243 15.1304L3.59953 12.739L1.56525 11.261H4.07972L4.85676 8.86963Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_1335">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
