import type { SVGProps } from "react";

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

/**
 * St. Vincent & Grenadines — VCT icon from flag category
 *
 * @example
 * <VCT size={16} />
 * <VCT size={32} className="text-primary" />
 */
export const VCT = ({ size = 16, ...props }: VCTProps) => (
  <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_2533)">
<path d="M17.7391 1.45908C16.0343 0.528891 14.0789 0 12 0C9.9211 0 7.96575 0.528891 6.26086 1.45908L5.21738 12L6.26086 22.5409C7.96575 23.4711 9.9211 24 12 24C14.0789 24 16.0343 23.4711 17.7391 22.5409L18.7826 12L17.7391 1.45908Z" fill="#FFDA44"/>
<path d="M6.26086 22.5408V1.45905C2.53073 3.49436 0 7.4515 0 12C0 16.5485 2.53073 20.5057 6.26086 22.5408Z" fill="#338AF3"/>
<path d="M24 12C24 7.4515 21.4693 3.49436 17.7391 1.45905V22.5408C21.4693 20.5057 24 16.5485 24 12Z" fill="#6DA544"/>
<path d="M9.39131 15.1305L7.30429 12L9.39126 8.86957L11.4783 12L9.39131 15.1305Z" fill="#6DA544"/>
<path d="M14.6087 15.1305L12.5217 12L14.6087 8.86957L16.6957 12L14.6087 15.1305Z" fill="#6DA544"/>
<path d="M12 19.3043L9.91302 16.1739L12 13.0435L14.087 16.1739L12 19.3043Z" fill="#6DA544"/>
</g>
<defs>
<clipPath id="clip0_43_2533">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);