import type { SVGProps } from "react";

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

/**
 * Tunisia — TUN icon from flag category
 *
 * @example
 * <TUN size={16} />
 * <TUN size={32} className="text-primary" />
 */
export const TUN = ({ size = 16, ...props }: TUNProps) => (
  <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_2663)">
<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="#D80027"/>
<path d="M12 17.7391C15.1696 17.7391 17.7391 15.1696 17.7391 12C17.7391 8.83037 15.1696 6.26086 12 6.26086C8.83037 6.26086 6.26086 8.83037 6.26086 12C6.26086 15.1696 8.83037 17.7391 12 17.7391Z" fill="#F0F0F0"/>
<path d="M12.707 9.80557L13.6916 11.1624L15.2861 10.6453L14.3 12.001L15.2845 13.3577L13.6905 12.8387L12.7043 14.1943L12.7054 12.518L11.1114 11.999L12.706 11.482L12.707 9.80557Z" fill="#D80027"/>
<path d="M13.3043 15.3913C11.4314 15.3913 9.91303 13.8729 9.91303 12C9.91303 10.127 11.4314 8.60867 13.3043 8.60867C13.8883 8.60867 14.4378 8.75633 14.9175 9.0163C14.165 8.28032 13.1358 7.82605 12 7.82605C9.69488 7.82605 7.82611 9.69477 7.82611 11.9999C7.82611 14.3051 9.69488 16.1738 12 16.1738C13.1358 16.1738 14.165 15.7196 14.9175 14.9836C14.4378 15.2436 13.8883 15.3913 13.3043 15.3913Z" fill="#D80027"/>
</g>
<defs>
<clipPath id="clip0_43_2663">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
