import type { SVGProps } from "react";

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

/**
 * Comoros — COM icon from flag category
 *
 * @example
 * <COM size={16} />
 * <COM size={32} className="text-primary" />
 */
export const COM = ({ size = 16, ...props }: COMProps) => (
  <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_1270)">
<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="M23.9996 11.9653H10.9913C8.40861 14.548 6.84682 16.5419 5.25214 18.1366L12.0348 18.7478L22.5598 17.7044C23.4783 16.0077 24 14.0648 24 12C24 11.9884 23.9996 11.9769 23.9996 11.9653Z" fill="#D80027"/>
<path d="M5.25223 6.22613H22.5215C20.4807 2.51513 16.5343 0 12 0C8.69511 0 5.70279 1.33645 3.53271 3.498L5.25223 6.22613Z" fill="#FFDA44"/>
<path d="M5.77395 17.7043C4.69516 18.7831 4.27826 19.687 3.49774 20.4674C5.67063 22.6493 8.67743 24 12 24C16.5626 24 20.5303 21.4535 22.5599 17.7043H5.77395Z" fill="#0052B4"/>
<path d="M3.51471 3.47998C-1.17157 8.16626 -1.17157 15.7643 3.51471 20.4506C5.45126 18.5141 7.31374 16.6516 12 11.9653L3.51471 3.47998Z" fill="#6DA544"/>
<path d="M3.16523 11.9653C3.16523 10.2169 4.39396 8.75636 6.03477 8.39805C5.78259 8.34297 5.52093 8.31311 5.25215 8.31311C3.23507 8.31311 1.59998 9.9482 1.59998 11.9653C1.59998 13.9824 3.23507 15.6175 5.25215 15.6175C5.52088 15.6175 5.78254 15.5876 6.03477 15.5325C4.39396 15.1742 3.16523 13.7136 3.16523 11.9653Z" fill="#F0F0F0"/>
<path d="M5.99452 8.83484L6.18882 9.43268H6.81741L6.30882 9.8022L6.50312 10.4L5.99452 10.0306L5.48593 10.4L5.68022 9.8022L5.17163 9.43268H5.80022L5.99452 8.83484Z" fill="#F0F0F0"/>
<path d="M5.99452 10.4L6.18882 10.9979H6.81741L6.30882 11.3674L6.50312 11.9653L5.99452 11.5958L5.48593 11.9653L5.68022 11.3674L5.17163 10.9979H5.80022L5.99452 10.4Z" fill="#F0F0F0"/>
<path d="M5.99452 11.9653L6.18882 12.5631H6.81741L6.30882 12.9326L6.50312 13.5305L5.99452 13.161L5.48593 13.5305L5.68022 12.9326L5.17163 12.5631H5.80022L5.99452 11.9653Z" fill="#F0F0F0"/>
<path d="M5.99452 13.5305L6.18882 14.1283H6.81741L6.30882 14.4978L6.50312 15.0957L5.99452 14.7262L5.48593 15.0957L5.68022 14.4978L5.17163 14.1283H5.80022L5.99452 13.5305Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_1270">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
