import type { SVGProps } from "react";

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

/**
 * Samoa — WSM icon from flag category
 *
 * @example
 * <WSM size={16} />
 * <WSM size={32} className="text-primary" />
 */
export const WSM = ({ size = 16, ...props }: WSMProps) => (
  <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_2317)">
<path d="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C4.12172 7.87828 7.61737 4.38263 12 0C18.6274 0 24 5.37262 24 12Z" fill="#D80027"/>
<path d="M12 12C12 5.37262 12 4.59131 12 0C5.37262 0 0 5.37262 0 12H12Z" fill="#0052B4"/>
<path d="M9.61189 7.82611L9.80619 8.424H10.4348L9.92619 8.79342L10.1205 9.39131L9.61189 9.0218L9.1033 9.39131L9.2976 8.79342L8.789 8.424H9.4176L9.61189 7.82611Z" fill="#F0F0F0"/>
<path d="M6.4546 3.13043L6.77836 4.12695H7.82611L6.97843 4.74265L7.30229 5.73912L6.4546 5.12323L5.60696 5.73912L5.93077 4.74265L5.08313 4.12695H6.13079L6.4546 3.13043Z" fill="#F0F0F0"/>
<path d="M9.58503 4.17389L9.9088 5.17045H10.9565L10.1089 5.78615L10.4326 6.78262L9.58503 6.16673L8.73739 6.78262L9.0612 5.78615L8.21356 5.17045H9.26122L9.58503 4.17389Z" fill="#F0F0F0"/>
<path d="M7.1106 8.34778L7.43442 9.34429H8.48207L7.63443 9.96L7.95825 10.9565L7.1106 10.3406L6.26296 10.9565L6.58678 9.96L5.73914 9.34429H6.78684L7.1106 8.34778Z" fill="#F0F0F0"/>
<path d="M4.36764 5.73914L4.69145 6.73565H5.73915L4.89147 7.35135L5.21528 8.34782L4.36764 7.73198L3.52004 8.34782L3.84381 7.35135L2.99622 6.73565H4.04387L4.36764 5.73914Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_2317">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
