import type { SVGProps } from "react";

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

/**
 * Somaliland icon from flag category
 *
 * @example
 * <Somaliland size={16} />
 * <Somaliland size={32} className="text-primary" />
 */
export const Somaliland = ({ size = 16, ...props }: SomalilandProps) => (
  <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_2460)">
<path d="M23.2536 16.1739C23.736 14.8739 24 13.4678 24 12C24 10.5322 23.736 9.12609 23.2536 7.82611L12 6.78262L0.746391 7.82611C0.264047 9.12609 0 10.5322 0 12C0 13.4678 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739Z" fill="#F0F0F0"/>
<path d="M12 24C17.1595 24 21.5581 20.7435 23.2536 16.1739H0.746338C2.4419 20.7435 6.84037 24 12 24Z" fill="#D80027"/>
<path d="M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z" fill="#496E2D"/>
<path d="M12 9.39133L12.6475 11.3841H14.743L13.0477 12.6159L13.6953 14.6087L12 13.3772L10.3047 14.6087L10.9523 12.6159L9.25708 11.3841H11.3525L12 9.39133Z" fill="black"/>
<path d="M15.5653 2.34784V4.78257C15.5653 5.16625 15.2532 5.47825 14.8696 5.47825V6.52173C15.8286 6.52173 16.6087 5.74159 16.6087 4.78257V2.34784H15.5653Z" fill="#F0F0F0"/>
<path d="M8.08703 4.78257C8.08703 5.16625 7.77498 5.47825 7.39136 5.47825V6.52173C8.35037 6.52173 9.13051 5.74159 9.13051 4.78257V2.34784H8.08703V4.78257Z" fill="#F0F0F0"/>
<path d="M13.9999 2.34784H15.0434V4.78257H13.9999V2.34784Z" fill="#F0F0F0"/>
<path d="M12.4349 3.73909C12.4349 3.835 12.3568 3.91304 12.261 3.91304C12.165 3.91304 12.087 3.835 12.087 3.73909V2.34784H11.0435V3.73909C11.0435 3.835 10.9655 3.91304 10.8696 3.91304C10.7737 3.91304 10.6957 3.835 10.6957 3.73909V2.34784H9.65222V3.73909C9.65222 4.41043 10.1983 4.95653 10.8696 4.95653C11.1281 4.95653 11.3679 4.87529 11.5652 4.73734C11.7626 4.87529 12.0024 4.95653 12.2609 4.95653C12.313 4.95653 12.3642 4.95287 12.4145 4.94645C12.3405 5.25109 12.0662 5.47825 11.7392 5.47825V6.52173C12.6982 6.52173 13.4783 5.74159 13.4783 4.78257V3.73909V2.34784H12.4348L12.4349 3.73909Z" fill="#F0F0F0"/>
<path d="M9.65222 5.4783H11.2174V6.52179H9.65222V5.4783Z" fill="#F0F0F0"/>
</g>
<defs>
<clipPath id="clip0_43_2460">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
