import type { SVGProps } from "react";

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

/**
 * Sint Maarten — SXM icon from flag category
 *
 * @example
 * <SXM size={16} />
 * <SXM size={32} className="text-primary" />
 */
export const SXM = ({ size = 16, ...props }: SXMProps) => (
  <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_2424)">
<path d="M10.9565 13.0435C10.9565 13.0435 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12L10.9565 13.0435Z" fill="#D80027"/>
<path d="M10.9565 12C10.9565 12 3.52174 20.487 3.51471 20.4853C5.68624 22.6568 8.68629 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z" fill="#0052B4"/>
<path d="M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z" fill="#F0F0F0"/>
<path d="M1.31534 12.0001C1.30877 12.0862 1.30432 12.173 1.30432 12.2609C1.30432 14.1338 2.8227 15.6522 4.69563 15.6522C6.56857 15.6522 8.08695 14.1338 8.08695 12.2609C8.08695 12.173 8.08249 12.0862 8.07593 12.0001H1.31534Z" fill="#FFDA44"/>
<path d="M4.69564 10.4348C5.27195 10.4348 5.73913 9.96762 5.73913 9.39132C5.73913 8.81502 5.27195 8.34784 4.69564 8.34784C4.11934 8.34784 3.65216 8.81502 3.65216 9.39132C3.65216 9.96762 4.11934 10.4348 4.69564 10.4348Z" fill="#FFDA44"/>
<path d="M2.34784 9.13046V12.5218C2.34784 14.319 4.69567 14.8696 4.69567 14.8696C4.69567 14.8696 7.0435 14.319 7.0435 12.5218V9.13046H2.34784Z" fill="#D80027"/>
<path d="M4.69675 13.7775C4.26119 13.6207 3.39124 13.2202 3.39124 12.5217V10.1739H5.99997V12.5217C5.99997 13.2225 5.13011 13.6221 4.69675 13.7775Z" fill="#338AF3"/>
<path d="M5.21737 11.4783V10.9565L4.69565 10.6956L4.17388 10.9565V11.4783L3.91302 11.7391V12.7826H5.47828V11.7391L5.21737 11.4783Z" fill="#F3F3F3"/>
</g>
<defs>
<clipPath id="clip0_43_2424">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
