import type { SVGProps } from "react";

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

/**
 * Wales icon from flag category
 *
 * @example
 * <Wales size={16} />
 * <Wales size={32} className="text-primary" />
 */
export const Wales = ({ size = 16, ...props }: WalesProps) => (
  <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_2875)">
<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="M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12" fill="#496E2D"/>
<path d="M20.7663 8.35046C20.3371 7.13344 19.1776 6.26091 17.8138 6.26091H15.1305C13.4016 6.26091 12 7.66247 12 9.39136C12 9.95621 12.1504 10.4991 12.4121 10.9566C11.4157 10.9484 10.4935 10.9635 9.91303 10.9566C9.91303 9.74925 9.91303 8.21129 9.91303 7.88949L10.0363 7.76621C10.5897 7.2128 10.4052 6.29049 10.4052 6.29049C10.4052 6.29049 9.48295 6.10603 8.92955 6.65944L8.28459 7.30439H7.5652C5.98036 7.30439 4.69566 8.58915 4.69566 10.1739H6.78262V12.5218C6.78262 12.8652 6.85186 13.1923 6.97697 13.4903L6.26086 14.087H5.21737V13.0435H4.17389V15.1305H8.86955V17.2174H7.82606V18.2609H9.91303V16.1739L10.8695 15.0261H13.1304L14.0869 16.1739V17.2174H13.0434V18.2609H17.2173V12.5217C17.2173 11.6573 17.9181 10.9565 18.7825 10.9565C18.8047 10.9565 18.8268 10.9573 18.8488 10.9582C18.8056 10.791 18.7825 10.6156 18.7825 10.4348C18.7826 9.31688 19.6617 8.40432 20.7663 8.35046ZM15.1305 17.2174V15.0261H15.2174L16.1739 16.1739V17.2174H15.1305Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_2875">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
