import type { SVGProps } from "react";

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

/**
 * Singapore — SGP icon from flag category
 *
 * @example
 * <SGP size={16} />
 * <SGP size={32} className="text-primary" />
 */
export const SGP = ({ size = 16, ...props }: SGPProps) => (
  <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_2399)">
<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="M0 12C0 5.37263 5.37262 0 12 0C18.6274 0 24 5.37263 24 12" fill="#D80027"/>
<path d="M7.30439 6.26083C7.30439 4.51248 8.53312 3.05195 10.1739 2.69359C9.92175 2.63856 9.66014 2.6087 9.39131 2.6087C7.37423 2.6087 5.73914 4.2438 5.73914 6.26088C5.73914 8.27795 7.37423 9.91305 9.39131 9.91305C9.66004 9.91305 9.9217 9.88319 10.1739 9.82811C8.53312 9.46975 7.30439 8.00922 7.30439 6.26083Z" fill="#F0F0F0"/>
<path d="M12 2.86957L12.259 3.66668H13.0972L12.4191 4.15938L12.6781 4.95649L12 4.46388L11.3219 4.95649L11.5809 4.15938L10.9028 3.66668H11.741L12 2.86957Z" fill="#F0F0F0"/>
<path d="M9.96688 4.43475L10.2259 5.23191H11.064L10.3859 5.72457L10.645 6.52168L9.96688 6.02907L9.28869 6.52168L9.54777 5.72457L8.86963 5.23191H9.7078L9.96688 4.43475Z" fill="#F0F0F0"/>
<path d="M14.0333 4.43475L14.2924 5.23191H15.1305L14.4524 5.72457L14.7115 6.52168L14.0333 6.02907L13.3552 6.52168L13.6143 5.72457L12.9362 5.23191H13.7743L14.0333 4.43475Z" fill="#F0F0F0"/>
<path d="M13.2507 6.78259L13.5098 7.57975H14.3479L13.6698 8.0724L13.9288 8.86951L13.2507 8.3769L12.5726 8.86951L12.8317 8.0724L12.1536 7.57975H12.9916L13.2507 6.78259Z" fill="#F0F0F0"/>
<path d="M10.7494 6.78259L11.0084 7.57975H11.8466L11.1685 8.0724L11.4276 8.86951L10.7494 8.3769L10.0713 8.86951L10.3303 8.0724L9.65222 7.57975H10.4904L10.7494 6.78259Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_2399">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
