import type { SVGProps } from "react";

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

/**
 * Bhutan — BTN icon from flag category
 *
 * @example
 * <BTN size={16} />
 * <BTN size={32} className="text-primary" />
 */
export const BTN = ({ size = 16, ...props }: BTNProps) => (
  <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_994)">
<path d="M20.4853 20.4853C15.799 25.1716 8.20101 25.1716 3.51468 20.4853C-1.1716 15.799 -1.1716 8.20099 3.51468 3.51466C3.51637 3.51466 14.2986 0.328711 18.985 5.01499C23.6713 9.70127 20.4885 20.482 20.4853 20.4853Z" fill="#FFDA44"/>
<path d="M20.4853 20.4853C25.1715 15.799 25.1715 8.201 20.4853 3.51467C15.799 -1.17166 8.20101 -1.17161 3.51468 3.51467L20.4853 20.4853Z" fill="#D80027"/>
<path d="M15.1367 15.1379C14.6438 15.3315 14.071 15.3109 13.5741 15.0321C12.6961 14.5393 12.3827 13.424 12.8756 12.5459L12.726 12.462C14.2293 12.0995 15.3415 10.735 15.322 9.12471C15.3099 8.1236 14.8626 7.22796 14.1629 6.61511L13.0673 7.73758C13.4815 8.06767 13.75 8.57402 13.7569 9.14369C13.7691 10.1506 12.9599 10.9796 11.9531 10.9918L11.9552 11.1632C10.8896 10.0426 9.15184 9.76169 7.76711 10.5837C6.9062 11.0948 6.35429 11.9299 6.17331 12.8424L7.69318 13.23C7.77198 12.7062 8.07615 12.2205 8.56604 11.9297C9.43187 11.4157 10.5544 11.702 11.0684 12.5678L11.216 12.4803C10.7783 13.9633 11.4038 15.6087 12.8081 16.397C13.6812 16.887 14.6804 16.9474 15.5611 16.648L15.1367 15.1379ZM11.9657 12.035L11.9656 12.0351L11.9657 12.035Z" fill="#FF9811"/>
<path d="M16.4431 8.12723L15.595 11.154L13.0501 10.6841L11.412 7.30743L6.98669 8.87779L6.6377 7.89436L5.47989 7.75172L6.35228 10.2103L9.3977 9.43139L10.2632 11.8702L8.1579 14.9772L11.7306 18.0243L11.0534 18.8182L11.5088 19.8924L13.2018 17.9075L11.0046 15.6595L12.684 13.6906L16.4273 13.9604L17.2799 9.3427L18.3061 9.53222L19.0087 8.60081L16.4431 8.12723ZM11.9991 12.0817V12.0817V12.0817Z" fill="#FFEACF"/>
</g>
<defs>
<clipPath id="clip0_43_994">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
